<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
      <!--            <el-form-item label="空间名称" prop="parkName">
                    <el-input
                      v-model="queryParams.parkName"
                      placeholder="请输入空间名称"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="产权方名称" prop="parkBelong">
                    <el-input
                      v-model="queryParams.parkBelong"
                      placeholder="请输入产权方名称"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="产权方性质" prop="parkNature">
                    <el-select v-model="queryParams.parkNature" placeholder="请选择产权方性质" clearable>
                      <el-option
                        v-for="dict in dict.type.account_character"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="运营方名称" prop="parkBusinName">
                    <el-input
                      v-model="queryParams.parkBusinName"
                      placeholder="请输入运营方名称"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="运营方性质" prop="parkBusinNature">
                    <el-select v-model="queryParams.parkBusinNature" placeholder="请选择运营方性质" clearable>
                      <el-option
                        v-for="dict in dict.type.account_character"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="运营方类型" prop="parkBusinType">
                    <el-select v-model="queryParams.parkBusinType" placeholder="请选择运营方类型" clearable>
                      <el-option
                        v-for="dict in dict.type.operator_type"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>-->
      <el-form-item label="产业集群" prop="parkIndustry">
        <el-select v-model="queryParams.parkIndustry" placeholder="请选择产业集群" clearable>
          <el-option
            v-for="dict in dict.type.industry_orientation"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="园区名称" prop="parkName">
        <el-input
          v-model="queryParams.parkName"
          placeholder="请输入园区名称"
          clearable
          @keyup.enter.native="handleQuery"
        />
      </el-form-item>
      <el-form-item label="所属城市" prop="cityId">
        <el-select v-model="queryParams.provinceId" placeholder="请选择省份"
                   @change="getCityList(queryParams.provinceId)"
                   style="width: 108px"
                   clearable>
          <el-option
            v-for="dict in provinces"
            :key="dict.id"
            :label="dict.name"
            :value="dict.id"
          />
        </el-select>
        <el-select v-model="queryParams.cityId" placeholder="请选择城市"
                   :disabled="queryParams.provinceId==null||queryParams.provinceId===''"
                   style="width: 107px"
                   clearable>
          <el-option
            v-for="dict in citys"
            :key="dict.id"
            :label="dict.name"
            :value="dict.id"
          />
        </el-select>
        <!--                <el-select v-model="queryParams.areaId" placeholder="请选择区域" clearable>
                          <el-option
                            v-for="dict in areas"
                            :key="dict.id"
                            :label="dict.name"
                            :value="dict.id"
                          />
                        </el-select>-->
      </el-form-item>
      <el-form-item label="供给类型" prop="">
        <el-select v-model="queryParams.supplyType" placeholder="请选择供给类型" clearable>
          <el-option
            v-for="dict in dict.type.supply_type"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="位置" prop="parkAreaAddress">
        <el-select v-model="queryParams.parkAreaAddress" placeholder="请选择位置" clearable>
          <el-option
            v-for="dict in dict.type.regional_position"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>

      <el-form-item label="经济带" prop="parkEconomic">
        <el-select v-model="queryParams.parkEconomic" placeholder="请选择经济带"
                   :disabled="queryParams.provinceId!=null&&queryParams.provinceId!==''" clearable>
          <el-option
            v-for="dict in dict.type.economic_belt"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <!--            <el-form-item label="区域位置" prop="parkAreaAddress">
                    <el-select v-model="queryParams.parkAreaAddress" placeholder="请选择区域位置" clearable>
                      <el-option
                        v-for="dict in dict.type.regional_position"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>-->
      <el-form-item label="园区类别" prop="parkType">
        <el-select v-model="queryParams.parkType" placeholder="请选择园区类别" clearable>
          <el-option
            v-for="dict in dict.type.park_type"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>

      <!--            <el-form-item label="园区竣工时间" prop="parkFinish">
                    <el-date-picker clearable
                      v-model="queryParams.parkFinish"
                      type="date"
                      value-format="yyyy-MM-dd"
                      placeholder="请选择园区竣工时间">
                    </el-date-picker>
                  </el-form-item>
                  <el-form-item label="产权年限" prop="parkYears">
                    <el-select v-model="queryParams.parkYears" placeholder="请选择产权年限" clearable>
                      <el-option
                        v-for="dict in dict.type.term_of_ownership"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="剩余年限" prop="parkSurplus">
                    <el-input
                      v-model="queryParams.parkSurplus"
                      placeholder="请输入剩余年限"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="建筑结构" prop="parkBuildStructure">
                    <el-select v-model="queryParams.parkBuildStructure" placeholder="请选择建筑结构" clearable>
                      <el-option
                        v-for="dict in dict.type.building_structure"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="总面积" prop="parkAllSize">
                    <el-input
                      v-model="queryParams.parkAllSize"
                      placeholder="请输入总面积"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="建筑面积" prop="parkBuildSize">
                    <el-input
                      v-model="queryParams.parkBuildSize"
                      placeholder="请输入建筑面积"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="空置面积" prop="parkFreeSize">
                    <el-input
                      v-model="queryParams.parkFreeSize"
                      placeholder="请输入空置面积"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="容积率" prop="parkPlotRatio">
                    <el-input
                      v-model="queryParams.parkPlotRatio"
                      placeholder="请输入容积率"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="绿化率" prop="parkGreen">
                    <el-input
                      v-model="queryParams.parkGreen"
                      placeholder="请输入绿化率"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>-->
      <el-form-item label="供暖" prop="parkHeating">
        <el-select v-model="queryParams.parkHeating" placeholder="请选择供暖" clearable>
          <el-option
            v-for="dict in dict.type.heating_system"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="制冷" prop="parkRefrig">
        <el-select v-model="queryParams.parkRefrig" placeholder="请选择制冷" clearable>
          <el-option
            v-for="dict in dict.type.refrigerating_system"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <!--            <el-form-item label="新风系统" prop="parkNather">
                    <el-select v-model="queryParams.parkNather" placeholder="请选择新风系统" clearable>
                      <el-option
                        v-for="dict in dict.type.sys_have_not"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="电量" prop="parkPower">
                    <el-input
                      v-model="queryParams.parkPower"
                      placeholder="请输入电量"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>-->
      <el-form-item label="燃气" prop="parkGas">
        <el-select v-model="queryParams.parkGas" placeholder="请选择燃气" clearable>
          <el-option
            v-for="dict in dict.type.gas_system"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="审核状态" prop="approvalState">
        <el-select v-model="queryParams.approvalState" placeholder="请选择审核状态" clearable>
          <el-option
            v-for="dict in dict.type.audit_status"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
        </el-select>
      </el-form-item>
      <!--            <el-form-item label="水" prop="parkWater">
                    <el-select v-model="queryParams.parkWater" placeholder="请选择水" clearable>
                      <el-option
                        v-for="dict in dict.type.water_system"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="商圈" prop="parkDistrict">
                    <el-select v-model="queryParams.parkDistrict" placeholder="请选择商圈" clearable>
                      <el-option
                        v-for="dict in dict.type.sys_have_not"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="专用物流通道" prop="parkLogistics">
                    <el-select v-model="queryParams.parkLogistics" placeholder="请选择专用物流通道" clearable>
                      <el-option
                        v-for="dict in dict.type.sys_have_not"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="园区保安" prop="parkSecurity">
                    <el-select v-model="queryParams.parkSecurity" placeholder="请选择园区保安" clearable>
                      <el-option
                        v-for="dict in dict.type.sys_have_not"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="公交" prop="parkBus">
                    <el-select v-model="queryParams.parkBus" placeholder="请选择公交" clearable>
                      <el-option
                        v-for="dict in dict.type.traffic_distance"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="地铁" prop="parkMetro">
                    <el-select v-model="queryParams.parkMetro" placeholder="请选择地铁" clearable>
                      <el-option
                        v-for="dict in dict.type.traffic_distance"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="高速公路" prop="parkHighRoad">
                    <el-select v-model="queryParams.parkHighRoad" placeholder="请选择高速公路" clearable>
                      <el-option
                        v-for="dict in dict.type.traffic_distance"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="火车站" prop="parkTrainStation">
                    <el-select v-model="queryParams.parkTrainStation" placeholder="请选择火车站" clearable>
                      <el-option
                        v-for="dict in dict.type.traffic_distance"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="机场" prop="parkAirport">
                    <el-input
                      v-model="queryParams.parkAirport"
                      placeholder="请输入机场"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="港口" prop="parkPort">
                    <el-input
                      v-model="queryParams.parkPort"
                      placeholder="请输入港口"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="周边商务酒店" prop="parkHotel">
                    <el-select v-model="queryParams.parkHotel" placeholder="请选择周边商务酒店" clearable>
                      <el-option
                        v-for="dict in dict.type.hotel_type"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="周边配套学校" prop="parkSchool">
                    <el-select v-model="queryParams.parkSchool" placeholder="请选择周边配套学校" clearable>
                      <el-option
                        v-for="dict in dict.type.supporting_school"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="园区餐饮" prop="parkRestaurant">
                    <el-select v-model="queryParams.parkRestaurant" placeholder="请选择园区餐饮" clearable>
                      <el-option
                        v-for="dict in dict.type.park_catering"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="园区配套班车" prop="parkShuttleBus">
                    <el-select v-model="queryParams.parkShuttleBus" placeholder="请选择园区配套班车" clearable>
                      <el-option
                        v-for="dict in dict.type.sys_have_not"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="园区周边场馆" prop="parkRecreation">
                    <el-select v-model="queryParams.parkRecreation" placeholder="请选择园区周边场馆" clearable>
                      <el-option
                        v-for="dict in dict.type.park_catering"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="众创空间" prop="parkShareSpace">
                    <el-select v-model="queryParams.parkShareSpace" placeholder="请选择众创空间" clearable>
                      <el-option
                        v-for="dict in dict.type.sys_have_not"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="产业孵化平台" prop="parkPlatform">
                    <el-select v-model="queryParams.parkPlatform" placeholder="请选择产业孵化平台" clearable>
                      <el-option
                        v-for="dict in dict.type.sys_have_not"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                      />
                    </el-select>
                  </el-form-item>
                  <el-form-item label="服务平台及科研平台" prop="parkScience">
                    <el-input
                      v-model="queryParams.parkScience"
                      placeholder="请输入服务平台及科研平台"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="注册或办公地址" prop="parkAddress">
                    <el-input
                      v-model="queryParams.parkAddress"
                      placeholder="请输入注册或办公地址"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="经度" prop="parkLongitude">
                    <el-input
                      v-model="queryParams.parkLongitude"
                      placeholder="请输入经度"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="纬度" prop="parkLatitude">
                    <el-input
                      v-model="queryParams.parkLatitude"
                      placeholder="请输入纬度"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="所属城市ID" prop="cityId">
                    <el-input
                      v-model="queryParams.cityId"
                      placeholder="请输入所属城市ID"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="浏览量" prop="pageView">
                    <el-input
                      v-model="queryParams.pageView"
                      placeholder="请输入浏览量"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="是否收藏0否1是" prop="collectState">
                    <el-input
                      v-model="queryParams.collectState"
                      placeholder="请输入是否收藏0否1是"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="是否明星推荐0否1是" prop="recState">
                    <el-input
                      v-model="queryParams.recState"
                      placeholder="请输入是否明星推荐0否1是"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="预定状态0未预定1已预定" prop="reserveState">
                    <el-input
                      v-model="queryParams.reserveState"
                      placeholder="请输入预定状态0未预定1已预定"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="明星推荐状态0否1是" prop="recomState">
                    <el-input
                      v-model="queryParams.recomState"
                      placeholder="请输入明星推荐状态0否1是"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="联系人" prop="contactName">
                    <el-input
                      v-model="queryParams.contactName"
                      placeholder="请输入联系人"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="联系方式" prop="contactPhone">
                    <el-input
                      v-model="queryParams.contactPhone"
                      placeholder="请输入联系方式"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="联系方式" prop="servicePhone">
                    <el-input
                      v-model="queryParams.servicePhone"
                      placeholder="请输入联系方式"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="审核备注" prop="approvalNote">
                    <el-input
                      v-model="queryParams.approvalNote"
                      placeholder="请输入审核备注"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="发布人用户ID" prop="supplyUserId">
                    <el-input
                      v-model="queryParams.supplyUserId"
                      placeholder="请输入发布人用户ID"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="审核状态：0待审核1审核通过2审核失败" prop="approvalState">
                    <el-input
                      v-model="queryParams.approvalState"
                      placeholder="请输入审核状态：0待审核1审核通过2审核失败"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="备注" prop="note">
                    <el-input
                      v-model="queryParams.note"
                      placeholder="请输入备注"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="排序" prop="sort">
                    <el-input
                      v-model="queryParams.sort"
                      placeholder="请输入排序"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="状态0有效1失效" prop="state">
                    <el-input
                      v-model="queryParams.state"
                      placeholder="请输入状态0有效1失效"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="是否删除0否1是" prop="dr">
                    <el-input
                      v-model="queryParams.dr"
                      placeholder="请输入是否删除0否1是"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="是否置顶0：否1：是" prop="top">
                    <el-input
                      v-model="queryParams.top"
                      placeholder="请输入是否置顶0：否1：是"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>
                  <el-form-item label="园区政策" prop="parkLandpolic">
                    <el-input
                      v-model="queryParams.parkLandpolic"
                      placeholder="请输入园区政策"
                      clearable
                      @keyup.enter.native="handleQuery"
                    />
                  </el-form-item>-->
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button
          type="primary"
          plain
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['industry:park:add']"
        >新增
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="danger"
          plain
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['industry:park:remove']"
        >删除
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="info"
          plain
          icon="el-icon-upload2"
          size="mini"
          @click="handleImport"
          v-hasPermi="['industry:park:import']"
        >导入
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="warning"
          plain
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['industry:park:export']"
        >导出
        </el-button>
      </el-col>
      <!--
            <el-col :span="1.5">
              <el-button
                type="success"
                plain
                icon="el-icon-edit"
                size="mini"
                :disabled="single"
                @click="handleUpdate"
                v-hasPermi="['industry:park:edit']"
              >修改
              </el-button>
            </el-col>
            <el-col :span="1.5">
              <el-button
                type="danger"
                plain
                icon="el-icon-delete"
                size="mini"
                :disabled="multiple"
                @click="handleDelete"
                v-hasPermi="['industry:park:remove']"
              >删除
              </el-button>
            </el-col>
            <el-col :span="1.5">
              <el-button
                type="warning"
                plain
                icon="el-icon-download"
                size="mini"
                @click="handleExport"
                v-hasPermi="['industry:park:export']"
              >导出
              </el-button>
            </el-col>
      -->
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="parkList" @selection-change="handleSelectionChange" height="550" fixed>
      <el-table-column type="selection" width="55" align="center"/>
      <!--      <el-table-column label="序号" align="center" prop="id"/>-->
      <el-table-column label="园区名称" align="center" prop="parkName" width="110"/>
      <el-table-column label="所在城市" align="center" prop="city" width="110"/>

      <!--      <el-table-column label="产权方名称" align="center" prop="parkBelong"/>
                  <el-table-column label="产权方性质" align="center" prop="parkNature">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.account_character" :value="scope.row.parkNature"/>
                    </template>
                  </el-table-column>
            <el-table-column label="微信二维码" align="center" prop="qrCode"/>
            <el-table-column label="运营方名称" align="center" prop="parkBusinName"/>
                  <el-table-column label="运营方性质" align="center" prop="parkBusinNature">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.account_character" :value="scope.row.parkBusinNature"/>
                    </template>
                  </el-table-column>
            <el-table-column label="运营方类型" align="center" prop="parkBusinType">
              <template slot-scope="scope">
                <dict-tag :options="dict.type.operator_type" :value="scope.row.parkBusinType"/>
              </template>
            </el-table-column>-->
      <el-table-column label="经济带" align="center" prop="parkEconomic" width="100">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.economic_belt" :value="scope.row.parkEconomic"/>
        </template>
      </el-table-column>
      <!--      <el-table-column label="区域位置" align="center" prop="parkAreaAddress">
              <template slot-scope="scope">
                <dict-tag :options="dict.type.regional_position" :value="scope.row.parkAreaAddress"/>
              </template>
            </el-table-column>-->
      <el-table-column label="园区类别" align="center" prop="parkType" width="90">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.park_type" :value="scope.row.parkType"/>
        </template>
      </el-table-column>
      <el-table-column label="供给类型" align="center" prop="supplyType" width="88">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.supply_type" :value="scope.row.supplyType"/>
        </template>
      </el-table-column>
      <el-table-column label="园区竣工时间" align="center" prop="parkFinish" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.parkFinish, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <!--            <el-table-column label="产权年限" align="center" prop="parkYears">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.term_of_ownership" :value="scope.row.parkYears"/>
                    </template>
                  </el-table-column>-->
      <el-table-column label="剩余年限" align="center" prop="parkSurplus" width="88"/>
      <!--            <el-table-column label="建筑结构" align="center" prop="parkBuildStructure">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.building_structure" :value="scope.row.parkBuildStructure"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="总面积" align="center" prop="parkAllSize" />-->
      <el-table-column label="建筑面积" align="center" prop="parkBuildSize" width="88"/>
      <el-table-column label="空置面积" align="center" prop="parkFreeSize" width="88"/>
      <!--      <el-table-column label="容积率" align="center" prop="parkPlotRatio" />-->
      <!--      <el-table-column label="绿化率" align="center" prop="parkGreen" />-->
      <el-table-column label="产业集群" align="center" prop="parkIndustry" width="188">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.industry_orientation"
                    :value="scope.row.parkIndustry ? scope.row.parkIndustry.split(',').slice(0, 2).join(',') : []"/>
        </template>
      </el-table-column>
      <el-table-column label="最后发布时间" align="center" prop="createTime" width="100">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="最后更新时间" align="center" prop="updateTime" width="100"/>


      <!--            <el-table-column label="供暖" align="center" prop="parkHeating">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.heating_system" :value="scope.row.parkHeating"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="制冷" align="center" prop="parkRefrig">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.refrigerating_system" :value="scope.row.parkRefrig"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="新风系统" align="center" prop="parkNather">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.sys_have_not" :value="scope.row.parkNather"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="电量" align="center" prop="parkPower" />
                  <el-table-column label="燃气" align="center" prop="parkGas">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.gas_system" :value="scope.row.parkGas"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="水" align="center" prop="parkWater">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.water_system" :value="scope.row.parkWater"/>
                    </template>
                  </el-table-column>-->
      <el-table-column label="商圈" align="center" prop="parkDistrict" width="110">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.sys_have_not" :value="scope.row.parkDistrict"/>
        </template>
      </el-table-column>
      <!--            <el-table-column label="智慧园区程度" align="center" prop="parkWisdom">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.degree_of_smart_park" :value="scope.row.parkWisdom ? scope.row.parkWisdom.split(',') : []"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="园区车位" align="center" prop="parkCarlot">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.parking_space" :value="scope.row.parkCarlot ? scope.row.parkCarlot.split(',') : []"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="专用物流通道" align="center" prop="parkLogistics">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.sys_have_not" :value="scope.row.parkLogistics"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="园区保安" align="center" prop="parkSecurity">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.sys_have_not" :value="scope.row.parkSecurity"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="园区环保要求" align="center" prop="parkPolluteAsk" />
                  <el-table-column label="公交" align="center" prop="parkBus">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.traffic_distance" :value="scope.row.parkBus"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="地铁" align="center" prop="parkMetro">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.traffic_distance" :value="scope.row.parkMetro"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="高速公路" align="center" prop="parkHighRoad">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.traffic_distance" :value="scope.row.parkHighRoad"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="火车站" align="center" prop="parkTrainStation">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.traffic_distance" :value="scope.row.parkTrainStation"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="机场" align="center" prop="parkAirport" />
                  <el-table-column label="港口" align="center" prop="parkPort" />
                  <el-table-column label="周边商务酒店" align="center" prop="parkHotel">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.hotel_type" :value="scope.row.parkHotel"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="周边配套学校" align="center" prop="parkSchool">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.supporting_school" :value="scope.row.parkSchool"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="园区餐饮" align="center" prop="parkRestaurant">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.park_catering" :value="scope.row.parkRestaurant"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="园区配套班车" align="center" prop="parkShuttleBus">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.sys_have_not" :value="scope.row.parkShuttleBus"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="园区周边场馆" align="center" prop="parkRecreation">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.park_catering" :value="scope.row.parkRecreation"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="众创空间" align="center" prop="parkShareSpace">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.sys_have_not" :value="scope.row.parkShareSpace"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="产业孵化平台" align="center" prop="parkPlatform">
                    <template slot-scope="scope">
                      <dict-tag :options="dict.type.sys_have_not" :value="scope.row.parkPlatform"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="服务平台及科研平台" align="center" prop="parkScience" />
                  <el-table-column label="注册或办公地址" align="center" prop="parkAddress" />
                  <el-table-column label="区域" align="center" prop="parkArea" />
                  <el-table-column label="区域情况介绍" align="center" prop="parkAreaIntro" />
                  <el-table-column label="经度" align="center" prop="parkLongitude" />
                  <el-table-column label="纬度" align="center" prop="parkLatitude" />
                  <el-table-column label="营业执照" align="center" prop="parkIdImg" width="100">
                    <template slot-scope="scope">
                      <image-preview :src="scope.row.parkIdImg" :width="50" :height="50"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="所属城市ID" align="center" prop="cityId" />
                  <el-table-column label="发布类型0供给1需求" align="center" prop="releaseType" />
                  <el-table-column label="浏览量" align="center" prop="pageView" />
                  <el-table-column label="是否收藏0否1是" align="center" prop="collectState" />
                  <el-table-column label="是否明星推荐0否1是" align="center" prop="recState" />
                  <el-table-column label="预定状态0未预定1已预定" align="center" prop="reserveState" />
                  <el-table-column label="VR资源["http:vr1""http:vr2"]" align="center" prop="vrResource" />
                  <el-table-column label="明星推荐状态0否1是" align="center" prop="recomState" />
                  <el-table-column label="图片资源["http:p1""http:p2"]" align="center" prop="imgResource" width="100">
                    <template slot-scope="scope">
                      <image-preview :src="scope.row.imgResource" :width="50" :height="50"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="封面资源http:p1" align="center" prop="coverResource" width="100">
                    <template slot-scope="scope">
                      <image-preview :src="scope.row.coverResource" :width="50" :height="50"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="联系人" align="center" prop="contactName" />
                  <el-table-column label="联系方式" align="center" prop="contactPhone" />
                  <el-table-column label="联系方式" align="center" prop="servicePhone" />
                  <el-table-column label="审核备注" align="center" prop="approvalNote" />
                  <el-table-column label="发布人用户ID" align="center" prop="supplyUserId" />-->
      <el-table-column label="审核状态" align="center" prop="approvalState" width="95">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.audit_status" :value="scope.row.approvalState"/>
        </template>
      </el-table-column>
      <!--            <el-table-column label="备注" align="center" prop="note" />
                  <el-table-column label="排序" align="center" prop="sort" />
                  <el-table-column label="状态0有效1失效" align="center" prop="state" />
                  <el-table-column label="是否删除0否1是" align="center" prop="dr" />
                  <el-table-column label="VR封面" align="center" prop="vrcover" width="100">
                    <template slot-scope="scope">
                      <image-preview :src="scope.row.vrcover" :width="50" :height="50"/>
                    </template>
                  </el-table-column>
                  <el-table-column label="是否置顶0：否1：是" align="center" prop="top" />
                  <el-table-column label="园区政策" align="center" prop="parkLandpolic" />
                  <el-table-column label="园区介绍" align="center" prop="parkintro" />-->
      <!--      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
      <!--        <template slot-scope="scope">-->
      <!--          <el-button-->
      <!--            size="mini"-->
      <!--            type="text"-->
      <!--            icon="el-icon-edit"-->
      <!--            style="color:#71e2a3;"-->
      <!--            @click="handleUpdate(scope.row)"-->
      <!--            v-hasPermi="['industry:park:edit']"-->
      <!--          >修改-->
      <!--          </el-button>-->
      <!--          <el-button-->
      <!--            size="mini"-->
      <!--            type="text"-->
      <!--            style="color:#ffba00;"-->
      <!--            icon="el-icon-edit"-->
      <!--            @click="handleCheck(scope.row)"-->
      <!--            v-hasPermi="['industry:park:edit']"-->
      <!--            v-if="scope.row.approvalState==0"-->
      <!--          >审核-->
      <!--          </el-button>-->
      <!--          &lt;!&ndash; <el-col :span="13">-->
      <!--             <el-button-->
      <!--               style="color: #00afff"-->
      <!--               size="mini"-->
      <!--               type="text"-->
      <!--               icon="el-icon-edit"-->
      <!--               @click="handleEntrust(scope.row)"-->
      <!--               v-if="scope.row.releaseType===1"-->
      <!--               v-hasPermi="['industry:park:export']"-->
      <!--             >委托</el-button>-->
      <!--           </el-col>&ndash;&gt;-->
      <!--           <el-button-->
      <!--             size="mini"-->
      <!--             type="text"-->
      <!--             icon="el-icon-delete"-->
      <!--             style="color:#ff9292;"-->
      <!--             @click="handleDelete(scope.row)"-->
      <!--             v-hasPermi="['industry:park:remove']"-->
      <!--           >删除-->
      <!--           </el-button>-->
      <!--         </template>-->
      <!--       </el-table-column>-->
      <el-table-column
        label="操作"
        align="center"
        width="220px"
        class-name="small-padding fixed-width"
        fixed="right"
      >
        <template slot-scope="scope" v-if="scope.row.userId !== 1">
          <el-button
            size="mini"
            type="text"
            icon="el-icon-view"
            @click="handleLook(scope.row)"
          >预览
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-if="userId===scope.row.supplyUserId"
            v-hasPermi="['industry:park:edit']"
          >修改
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleSetting(scope.row)"
            v-hasPermi="['industry:park:edit']"
          >查看
          </el-button>
          <!--            v-if="userId!==scope.row.supplyUserId"-->
          <el-button
            size="mini"
            type="text"
            style=""
            icon="el-icon-edit"
            @click="handleCheck(scope.row)"
            v-hasPermi="['industry:park:check']"
            v-if="scope.row.approvalState===0"
          >初审
          </el-button>
          <el-button
            size="mini"
            type="text"
            style=""
            icon="el-icon-edit"
            @click="handleCheck(scope.row)"
            v-hasPermi="['industry:park:recheck']"
            v-if="scope.row.approvalState===3"
          >复审
          </el-button>
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-if="userId===scope.row.supplyUserId"
            v-hasPermi="['industry:park:remove']"
          >删除
          </el-button>

        </template>
      </el-table-column>
    </el-table>

    <pagination
      v-show="total>0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />

    <!-- 添加或修改园区对话框 -->
    <el-dialog :title="title" width="759px" @close="handleClose" :close-on-click-modal="false" :visible.sync="open"
               append-to-body center>
      <el-form ref="form" :model="form" :rules="rules" label-width="130px">

        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="基本情况" name="first">
            <el-form-item label="园区名称" prop="parkName">
              <el-input v-model="form.parkName" placeholder="请输入园区名称" maxlength="100" class="park"/>
            </el-form-item>
            <el-row>
              <el-col :span="24">
                <el-form-item label="产权方名称" prop="parkBelong">
                  <el-input v-model="form.parkBelong" placeholder="请输入产权方名称" maxlength="100" class="park"/>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="产权方性质" prop="parkNature">
                  <el-select v-model="form.parkNature" placeholder="请选择产权方性质" class="park">
                    <el-option
                      v-for="dict in dict.type.account_character"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="运营方名称" prop="parkBusinName">
                  <el-input v-model="form.parkBusinName" placeholder="请输入运营方名称" maxlength="100" class="park"/>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="运营方性质" prop="parkBusinNature">
                  <el-select v-model="form.parkBusinNature" placeholder="请选择运营方性质" class="park">
                    <el-option
                      v-for="dict in dict.type.account_character"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="运营方类型" prop="parkBusinType">
                  <el-select v-model="form.parkBusinType" placeholder="请选择运营方类型" class="park">
                    <el-option
                      v-for="dict in dict.type.operator_type"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="经济带" prop="parkEconomic">
                  <el-select v-model="form.parkEconomic" placeholder="请选择经济带" class="park">
                    <el-option
                      v-for="dict in dict.type.economic_belt"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item label="区域位置" prop="parkAreaAddress">
              <el-select v-model="form.parkAreaAddress" placeholder="请选择区域位置" class="park">
                <el-option
                  v-for="dict in dict.type.regional_position"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="园区产业集群" prop="parkIndustry">
              <el-checkbox-group v-model="form.parkIndustry" style="width: 90%">
                <el-checkbox
                  v-for="dict in dict.type.industry_orientation"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
                <input v-model="otherIndustry" style="width: 30%" class="sq" maxlength="50"
                       placeholder="请输入其他集群类型"/>
              </el-checkbox-group>
            </el-form-item>
            <!--                <el-form-item label="园区政策" prop="parkLandpolic" >
                              <el-input v-model="form.parkLandpolic" placeholder="请输入园区政策"/>
                            </el-form-item>-->
            <el-form-item label="园区类别" prop="parkType">
              <!--                    <el-select v-model="form.parkType" multiple collapse-tags placeholder="请选择园区类别">
                                    <el-option
                                      v-for="dict in dict.type.park_type"
                                      :key="dict.value"
                                      :label="dict.label"
                                      :value="dict.value"
                                    ></el-option>
                                  </el-select>-->
              <el-checkbox-group v-model="form.parkType">
                <el-checkbox
                  v-for="dict in dict.type.park_type"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="供给类型" prop="supplyType">
              <!--                    <el-select v-model="form.supplyType" multiple collapse-tags placeholder="请选择供给类型">
                                    <el-option
                                      v-for="dict in dict.type.supply_type"
                                      :key="dict.value"
                                      :label="dict.label"
                                      :value="dict.value"
                                    ></el-option>
                                  </el-select>-->
              <el-checkbox-group v-model="form.supplyType">
                <el-checkbox
                  v-for="dict in dict.type.supply_type"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
              </el-checkbox-group>
              <!--                    <el-radio-group v-model="form.supplyType">
                                    <el-radio
                                      v-for="dict in dict.type.supply_type"
                                      :key="dict.value"
                                      :label="dict.value"
                                    >{{dict.label}}</el-radio>
                                  </el-radio-group>-->
            </el-form-item>
            <el-form-item label="园区竣工时间" prop="parkFinish">
              <el-date-picker clearable
                              v-model="form.parkFinish"
                              type="date"
                              value-format="yyyy-MM-dd"
                              placeholder="请选择园区竣工时间"
                              class="park">
              </el-date-picker>
            </el-form-item>
            <el-row>
              <el-col :span="24">
                <el-form-item label="产权年限" prop="parkYears">
                  <el-select v-model="form.parkYears" placeholder="请选择产权年限" @change="handleAgeLimit"
                             class="park">
                    <el-option
                      v-for="dict in dict.type.term_of_ownership"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="剩余年限" prop="parkSurplus">
                  <el-input v-model="form.parkSurplus" type="number" :max="ageLimit" @change="handleAgeLimit"
                            placeholder="请输入剩余年限" class="park">
                    <template slot="append">年</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item>
                  <el-alert
                    class="park" title="剩余年限大于产权年限" v-if="ageLimit<0" :closable="false" type="error" center
                    show-icon>
                  </el-alert>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="建筑结构" prop="parkBuildStructure">
                  <el-select v-model="form.parkBuildStructure" placeholder="请选择建筑结构" class="park">
                    <el-option
                      v-for="dict in dict.type.building_structure"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="标准层高" prop="parkFloorHeight">
                  <el-select v-model="form.parkFloorHeight" placeholder="请选择层高" class="park">
                    <el-option
                      v-for="dict in dict.type.floor_height"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="总面积" prop="parkAllSize">
                  <el-input v-model="form.parkAllSize" placeholder="请输入总面积"
                            oninput="value=value.replace(/[^0-9.]/g,'')" @change="handleAcreage"
                            class="park">
                    <template slot="append">m²</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="建筑面积" prop="parkBuildSize">
                  <el-input v-model="form.parkBuildSize" placeholder="请输入建筑面积"
                            oninput="value=value.replace(/[^0-9.]/g,'')" @change="handleAcreage"
                            class="park">
                    <template slot="append">m²</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item>
                  <el-alert
                    class="park" title="建筑面积大于总面积" v-if="acreage<0" :closable="false" type="error" center
                    show-icon>
                  </el-alert>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="空置面积" prop="parkFreeSize">
                  <el-input v-model="form.parkFreeSize" placeholder="请输入空置面积"
                            oninput="value=value.replace(/[^0-9.]/g,'')" @change="handleAcreage"
                            class="park">
                    <template slot="append">m²</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item>
                  <el-alert
                    class="park" title="空置面积不合理" v-if="acreage1<0" :closable="false" type="error" center
                    show-icon>
                  </el-alert>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="容积率" prop="parkPlotRatio">
                  <el-input v-model="form.parkPlotRatio" placeholder="请输入容积率"
                            oninput="value=value.replace(/[^0-9.]/g,'')" @change="highLimit" class="park">
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="绿化率" prop="parkGreen">
                  <el-input v-model="form.parkGreen" placeholder="请输入绿化率" @change="highLimit"
                            oninput="value=value.replace(/[^0-9.]/g,'')"
                            class="park">
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="园区政策" prop="parkLandpolic">
                  <el-select v-model="form.parkLandpolic" multiple placeholder="请输入关联政策" class="park">
                    <el-option
                      v-for="item in articleTypeData"
                      :key="item.id"
                      :label="item.title"
                      :value="item.id+''"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </el-tab-pane>
          <el-tab-pane label="能源能耗" name="second">
            <el-row>
              <el-col :span="24">
                <el-form-item label="供暖方式" prop="parkHeating">
                  <el-select v-model="form.parkHeating" placeholder="请选择供暖" class="park">
                    <el-option
                      v-for="dict in dict.type.heating_system"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="制冷" prop="parkRefrig">
                  <el-select v-model="form.parkRefrig" placeholder="请选择制冷" class="park">
                    <el-option
                      v-for="dict in dict.type.refrigerating_system"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="新风系统" prop="parkNather">
                  <el-select v-model="form.parkNather" placeholder="请选择新风系统" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="电量" prop="parkPower">
                  <el-input v-model="form.parkPower" placeholder="请输入电量" maxlength="100" class="park">
                    <template slot="append">度</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="供水类型" prop="parkWater">
                  <el-select v-model="form.parkWater" placeholder="请选择水" class="park">
                    <el-option
                      v-for="dict in dict.type.water_system"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="燃气" prop="parkGas">
                  <el-radio-group v-model="form.parkGas" class="park">
                    <el-radio
                      v-for="dict in dict.type.gas_system"
                      :key="dict.value"
                      :label="dict.value"
                    >{{ dict.label }}
                    </el-radio>
                    <input v-if="form.parkGas==='其他-'" class="sq" v-model="otherGas" style="width: 20%"
                           placeholder="请输入其他燃气类型"/>
                  </el-radio-group>
                  <!--              <el-select v-model="form.parkGas" placeholder="请选择燃气类型" class="park">
                                  <el-option
                                    v-for="dict in dict.type.gas_system"
                                    :key="dict.value"
                                    :label="dict.label"
                                    :value="dict.value"
                                  ></el-option>
                                  <input v-if="form.parkGas==='其他-'" v-model="form.otherGas" style="width: 30%"
                                         placeholder="请输入其他燃气类型"/>
                                </el-select>-->
                </el-form-item>
              </el-col>
            </el-row>
          </el-tab-pane>
          <el-tab-pane label="周边交通" name="third">
            <!--        <el-form-item label="商圈" prop="parkDistrict">
               <el-radio-group v-model="form.parkDistrict">
                 <el-radio
                   v-for="dict in dict.type.sys_have_not"
                   :key="dict.value"
                   :label="dict.value"
                 >{{ dict.label }}
                 </el-radio>
               </el-radio-group>
             </el-form-item>-->
            <el-form-item label="商圈" prop="parkDistrict">
              <el-radio-group v-model="form.parkDistrict">
                <el-radio :label="'有-'">有
                  距离
                  <input v-model="otherDistrict" class="sq" style="width:80px"/>
                  商圈
                  <input style="width:80px" class="sq" v-model="districtMi" type="number"/>米
                </el-radio>
                <el-radio label="无"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="智慧园区程度" prop="parkWisdom">
              <el-checkbox-group v-model="form.parkWisdom" class="park">
                <el-checkbox
                  v-for="dict in dict.type.degree_of_smart_park"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
                <input v-model="otherWisdom" class="sq" style="width: 20%"
                       placeholder="请输入其他类型"/>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="园区车位" prop="parkCarlot">
              <el-checkbox-group v-model="form.parkCarlot" style="width: 123%">
                <!--            <el-checkbox
                              v-for="dict in dict.type.parking_space"
                              :key="dict.value"
                              :label="dict.value">
                              {{ dict.label }}
                            </el-checkbox>-->
                <el-checkbox :label="'地上-'" style="width: 27%">地上（ 数量:<input class="sq" type="number"
                                                                                   style="width: 35%" v-model="dsNum"/>个
                  ）
                </el-checkbox>
                <el-checkbox :label="'地下-'" style="width: 27%">地下（ 数量:<input class="sq" type="number"
                                                                                   style="width: 35%" v-model="dxNum"/>个
                  ）
                </el-checkbox>
                <el-checkbox label="无" key="无"></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <!--        <el-form-item label="园区车位">
                      <el-checkbox-group v-model="ruleForm.parkCarlot" placeholder="请选择" style="width: 100%">
                        &lt;!&ndash; <el-input v-model="ruleForm.parkCarlot" placeholder="请输入"></el-input> &ndash;&gt;
                        <el-checkbox :label="'地上-' + dsNum">地上（ 数量:<input class="sq" style="width: 70px" v-model="dsNum" />个 ）
                        </el-checkbox>
                        <el-checkbox :label="'地下-' + dxNum">地下（ 数量:<input class="sq" style="width: 70px" v-model="dxNum" />个 ）
                        </el-checkbox>
                        <el-checkbox label="无" key="无"></el-checkbox>
                      </el-checkbox-group>
                    </el-form-item>-->
            <el-row>
              <el-col :span="24">
                <el-form-item label="专用物流通道" prop="parkLogistics">
                  <el-select v-model="form.parkLogistics" placeholder="请选择专用物流通道" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="全区安保" prop="parkSecurity">
                  <el-select v-model="form.parkSecurity" placeholder="请选择全区安保" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item label="园区环保要求" prop="parkPolluteAsk">
              <el-input v-model="form.parkPolluteAsk" type="textarea" maxlength="1000" show-word-limit
                        placeholder="请输入内容" class="park"/>
            </el-form-item>
            <el-row>
              <el-col :span="24">
                <el-form-item label="是否获得排污许可证" prop="emissionPermit ">
                  <el-select v-model="form.emissionPermit " placeholder="请选择" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_yes_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="是否有亦朋产业科技服务港" prop="ypIndustry ">
                  <el-select v-model="form.ypIndustry " placeholder="请选择" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_yes_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="公交" prop="parkBus">
                  <el-select v-model="form.parkBus" placeholder="请选择公交" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="地铁" prop="parkMetro">
                  <el-select v-model="form.parkMetro" placeholder="请选择地铁" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="高速公路" prop="parkHighRoad">
                  <el-select v-model="form.parkHighRoad" placeholder="请选择高速公路" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="火车站" prop="parkTrainStation">
                  <el-select v-model="form.parkTrainStation" placeholder="请选择火车站" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="机场" prop="parkAirport">
                  <!--              <el-input v-model="form.parkAirport" placeholder="请输入机场" class="park"/>-->
                  <el-radio-group v-model="form.parkAirport">
                    <el-radio :label="'有-'">距离
                      <input class="sq" type="number" style="width: 100px" v-model="airportDistance"/>Km
                    </el-radio>
                    <el-radio label="无">无</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="港口" prop="parkPort">
                  <!--              <el-input v-model="form.parkPort" placeholder="请输入港口" class="park"/>-->
                  <el-radio-group v-model="form.parkPort">
                    <el-radio :label="'有-'">距离
                      <input class="sq" type="number" style="width: 100px" v-model="portDistance"/>Km
                    </el-radio>
                    <el-radio label="无">无</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>

            <el-row>
              <el-col :span="24">
                <el-form-item label="周边商务酒店" prop="parkHotel" class="park">
                  <el-checkbox-group v-model="form.parkHotel">
                    <el-checkbox
                      v-for="dict in dict.type.hotel_type"
                      :key="dict.value"
                      :label="dict.value">
                      {{ dict.label }}
                    </el-checkbox>
                  </el-checkbox-group>
                  <!--                        <el-select v-model="form.parkHotel" placeholder="请选择周边商务酒店">
                                            <el-option
                                              v-for="dict in dict.type.hotel_type"
                                              :key="dict.value"
                                              :label="dict.label"
                                              :value="dict.value"
                                            ></el-option>
                                          </el-select>-->
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="周边配套学校" prop="parkSchool">
                  <el-select v-model="form.parkSchool" multiple placeholder="请选择周边配套学校" class="park">
                    <el-option
                      v-for="dict in dict.type.supporting_school"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <!--          <el-col :span="24">-->
              <el-form-item label="园区餐饮" prop="parkRestaurant">
                <el-select v-model="form.parkRestaurant" multiple placeholder="请选择园区餐饮" class="park">
                  <el-option
                    v-for="dict in dict.type.park_catering"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              <!--          </el-col>-->
              <el-form-item label="是否有配套班车" prop="parkShuttleBus">
                <el-select v-model="form.parkShuttleBus" placeholder="请选择是否有园区配套班车" class="park">
                  <el-option
                    v-for="dict in dict.type.sys_have_not"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item v-if="form.parkShuttleBus=='H'" label="园区配套班车路线" prop="busRoute" class="park">
                <el-input style="width: 45%" v-model="form.busRoute" maxlength="50" placeholder="请输入起点"/>
                >>>
                <el-input style="width: 45%;" v-model="busRouteEnd" maxlength="50" placeholder="请输入终点"/>
              </el-form-item>

            </el-row>
            <!--          <el-col :span="24">-->
            <el-form-item label="园区周边场馆" prop="parkRecreation">
              <!--              <el-select v-model="form.parkRecreation" placeholder="请选择园区周边场馆" class="park">
                              <el-option
                                v-for="dict in dict.type.park_catering"
                                :key="dict.value"
                                :label="dict.label"
                                :value="dict.value"
                              ></el-option>
                            </el-select>-->
              <el-checkbox-group v-model="form.parkRecreation" class="park">
                <el-checkbox
                  v-for="dict in dict.type.leisure_venue"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
                <input class="sq" style="width: 10%" v-model="otherCatering"/>
              </el-checkbox-group>
            </el-form-item>
            <!--          </el-col>-->
            <el-row>
              <el-col :span="24">
                <el-form-item label="众创空间" prop="parkShareSpace" class="park">
                  <el-radio-group v-model="form.parkShareSpace">
                    <el-radio
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.value"
                    >{{ dict.label }}
                    </el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="产业孵化平台" prop="parkPlatform" class="park">
                  <el-radio-group v-model="form.parkPlatform">
                    <el-radio
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.value"
                    >{{ dict.label }}
                    </el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item label="服务平台及科研平台" prop="parkScience">
              <el-input v-model="form.parkScience" placeholder="请输入服务平台及科研平台" maxlength="100" class="park"/>
            </el-form-item>

            <!--                <el-form-item label="浏览量" prop="pageView">
                              <el-input v-model="form.pageView" placeholder="请输入浏览量" />
                            </el-form-item>
                            <el-form-item label="是否收藏" prop="collectState" >
                              <el-input v-model="form.collectState" placeholder="请输入是否收藏" />
                            </el-form-item>


                            <el-form-item label="预定状态" prop="reserveState" >
                              <el-input v-model="form.reserveState" placeholder="请输入预定状态" />
                            </el-form-item>-->

          </el-tab-pane>
          <el-tab-pane label="园区介绍" name="four">
            <el-form-item label="园区介绍" prop="parkintro">
              <el-input v-model="form.parkintro" type="textarea" maxlength="1000" show-word-limit
                        placeholder="请输入内容" class="park"/>
            </el-form-item>
            <el-form-item label="区域情况介绍" prop="parkAreaIntro">
              <my-editor v-model="form.parkAreaIntro" :min-height="192" class="park"/>
            </el-form-item>
            <!--                <el-form-item label="区域" prop="parkArea">
                              <el-input v-model="form.parkArea" placeholder="请输入区域"/>
                            </el-form-item>-->
            <el-form-item label="所属城市" prop="cityId" class="park">
              <el-select v-model="form.provinceId" placeholder="请选择省份"
                         @change="getCityList(form.provinceId)" style="width: 33.4%">
                <el-option
                  v-for="dict in provinces"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
              <el-select v-model="form.cityId" placeholder="请选择城市"
                         :disabled="form.provinceId==null||form.provinceId===''" @change="getAreaList(form.cityId)"
                         style="width: 33.3%">
                <el-option
                  v-for="dict in citys"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
              <el-select v-model="form.areaId" placeholder="请选择区域" :disabled="form.cityId==null||form.cityId===''"
                         style="width: 33.3%" clearable>
                <el-option
                  v-for="dict in areas"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
            </el-form-item>
            <el-form-item prop="parkAddress" class="park">
              <!--          <el-input v-model="form.parkAddress" placeholder="请输入注册或办公地址"/>-->
              <MapAlapp v-if="mapTrue" ref="map" :lng="lng" :lat="lat" @lng-change="handleLngChange"
                        @lat-change="handleLatChange"
                        @res-change="handleResChange"
                        style="margin-top: 25px">
              </MapAlapp>
            </el-form-item>
            <el-form-item label="经度" prop="parkLongitude" class="park">
              <el-input v-model="form.parkLongitude" placeholder="请输入经度" :disabled="true"/>
            </el-form-item>
            <el-form-item label="纬度" prop="parkLatitude" class="park">
              <el-input v-model="form.parkLatitude" placeholder="请输入纬度" :disabled="true"/>
            </el-form-item>
          </el-tab-pane>
          <el-tab-pane label="展示设置" name="five">
            <el-form-item label="是否置顶" prop="top" class="park">
              <el-select v-model="form.top" placeholder="请选择是否置顶" style="width: 100%">
                <el-option
                  v-for="dict in dict.type.sys_yes_no"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.label === '是' ? 1 : 0"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="热门推荐状态" prop="recomState" class="park">
              <el-select v-model="form.recomState" placeholder="热门 推荐状态" style="width: 100%">
                <el-option
                  v-for="dict in dict.type.recommend"
                  :key="dict.value"
                  :label="dict.label"
                  :value="parseInt(dict.value)"
                ></el-option>
              </el-select>
            </el-form-item>

            <el-form-item label="明星推荐" prop="recState" class="park">
              <el-select v-model="form.recState" placeholder="明星推荐状态" style="width: 100%">
                <el-option
                  v-for="dict in dict.type.recommend"
                  :key="dict.value"
                  :label="dict.label"
                  :value="parseInt(dict.value)"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-tab-pane>
          <el-tab-pane label="资料上传" name="six">
            <el-form-item label="营业执照" prop="parkIdImg">
              <image-upload v-model="form.parkIdImg"/>
            </el-form-item>
            <el-form-item label="VR封面" prop="vrcover">
              <image-upload v-model="form.vrcover" :limit="1"/>
            </el-form-item>
            <el-form-item label="VR资源" prop="vrResource">
              <!--          <file-upload v-model="form.vrResource"/>-->
              <video-upload v-model="form.vrResource"/>
            </el-form-item>
            <el-form-item label="图片资源" prop="imgResource">
              <image-upload v-model="form.imgResource"/>
            </el-form-item>
            <el-form-item label="封面资源" prop="coverResource">
              <image-upload v-model="form.coverResource" :limit="1"/>
            </el-form-item>
            <el-form-item label="微信二维码" prop="qrCode">
              <image-upload v-model="form.qrCode" :limit="1"/>
            </el-form-item>
            <el-form-item label="联系人" prop="contactName" class="park">
              <el-input v-model="form.contactName" placeholder="请输入联系人" maxlength="50" style="width: 100%"/>
            </el-form-item>
            <el-form-item label="联系方式" prop="contactPhone" class="park">
              <el-input v-model="form.contactPhone" placeholder="请输入联系方式" maxlength="50" style="width: 100%"/>
            </el-form-item>
            <el-form-item label="分配用户" prop="servicePhone" >
              <el-select class="park" v-model="form.servicePhone" placeholder="请选择分配用户">
                <el-option
                  v-for="dict in fenpeiList"
                  :key="dict.userId"
                  :label="dict.nickName"
                  :value="dict.userId+''"
                ></el-option>
              </el-select>
            </el-form-item>
            <!--                <el-form-item label="联系方式" prop="servicePhone" >
                              <el-input v-model="form.servicePhone" placeholder="请输入联系方式" />
                            </el-form-item>
                            <el-form-item label="审核状态：0待审核1审核通过2审核失败" prop="approvalState">
                              <el-input v-model="form.approvalState" placeholder="请输入审核状态：0待审核1审核通过2审核失败" />
                            </el-form-item>-->
            <el-form-item label="用户ID" class="park" prop="supplyUserId">
              <el-input v-model="form.supplyUserId" placeholder="用户ID" style="width: 100%" disabled/>
            </el-form-item>
            <el-form-item label="备注" prop="note" class="park">
              <el-input v-model="form.note" placeholder="请输入备注" type="textarea" maxlength="100" show-word-limit
                        style="width: 100%"/>
            </el-form-item>
          </el-tab-pane>
        </el-tabs>

        <!--                <el-form-item label="排序" prop="sort">
                          <el-input v-model="form.sort" placeholder="请输入排序" />
                        </el-form-item>
                        <el-form-item label="状态0有效1失效" prop="state">
                          <el-input v-model="form.state" placeholder="请输入状态0有效1失效" />
                        </el-form-item>
                        <el-form-item label="是否删除" prop="dr">
                          <el-input v-model="form.dr" placeholder="请输入是否删除0否1是" />
                        </el-form-item>-->
        <el-form-item class="park">
          <el-alert
            title="初审通过"
            type="success"
            center
            :closable="false"
            v-if="form.approvalState===1||form.approvalState===3||form.approvalState===4"
            show-icon>
          </el-alert>
          <el-alert
            title="初审拒绝"
            type="error"
            center
            :closable="false"
            v-if="form.approvalState===2"
            show-icon>
          </el-alert>
        </el-form-item>
        <el-form-item label="初审意见" prop="approvalNote" class="park"
                      v-if="form.approvalState!==0&&form.approvalState!=null">
          <editor v-model="form.approvalNote" :min-height="100" style="width: 100%" read-only/>
        </el-form-item>
        <el-form-item class="park">
          <el-alert
            title="复审通过"
            type="success"
            center
            :closable="false"
            v-if="form.approvalState===1"
            show-icon>
          </el-alert>
          <el-alert
            title="复审拒绝"
            type="error"
            center
            :closable="false"
            v-if="form.approvalState===4"
            show-icon>
          </el-alert>
        </el-form-item>
        <el-form-item label="复审备注" prop="recheckNote" class="park"
                      v-if="form.approvalState===1||form.approvalState===4">
          <editor v-model="form.recheckNote" :min-height="100" style="width: 100%" read-only/>
        </el-form-item>
      </el-form>
      <!--      <div slot="footer" class="dialog-footer" style="text-align: center">-->
      <!--        <el-button type="primary" v-if="title!=='审核园区信息'" @click="submitForm">确 定</el-button>-->
      <!--        <el-button type="success" v-if="title==='审核园区信息'" @click="submitCheck(1)">审核通过</el-button>-->
      <!--        <span style="width: 5%;display: inline-block"></span>-->
      <!--        <el-button type="danger" v-if="title==='审核园区信息'" @click="submitCheck(2)">审核驳回</el-button>-->
      <!--        <span style="width: 5%;display: inline-block"></span>-->
      <!--        <el-button type="info" @click="cancel">取 消</el-button>-->
      <!--      </div>-->
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 设置 -->
    <el-dialog title="园区详情" :visible.sync="settingUp" close-on-click-modal center width="800px">
      <el-form ref="form" :model="form" :rules="rules" label-width="130px" disabled>
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="基本情况" name="first">
            <el-form-item label="园区名称" prop="parkName">
              <el-input v-model="form.parkName" placeholder="请输入园区名称" class="park"/>
            </el-form-item>
            <el-row>
              <el-col :span="24">
                <el-form-item label="产权方名称" prop="parkBelong">
                  <el-input v-model="form.parkBelong" placeholder="请输入产权方名称" class="park"/>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="产权方性质" prop="parkNature">
                  <el-select v-model="form.parkNature" placeholder="请选择产权方性质" class="park">
                    <el-option
                      v-for="dict in dict.type.account_character"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="运营方名称" prop="parkBusinName">
                  <el-input v-model="form.parkBusinName" placeholder="请输入运营方名称" class="park"/>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="运营方性质" prop="parkBusinNature">
                  <el-select v-model="form.parkBusinNature" placeholder="请选择运营方性质" class="park">
                    <el-option
                      v-for="dict in dict.type.account_character"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="运营方类型" prop="parkBusinType">
                  <el-select v-model="form.parkBusinType" placeholder="请选择运营方类型" class="park">
                    <el-option
                      v-for="dict in dict.type.operator_type"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="经济带" prop="parkEconomic">
                  <el-select v-model="form.parkEconomic" placeholder="请选择经济带" class="park">
                    <el-option
                      v-for="dict in dict.type.economic_belt"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item label="区域位置" prop="parkAreaAddress">
              <el-select v-model="form.parkAreaAddress" placeholder="请选择区域位置" class="park">
                <el-option
                  v-for="dict in dict.type.regional_position"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="园区产业集群" prop="parkIndustry">
              <el-checkbox-group v-model="form.parkIndustry" style="width: 90%">
                <el-checkbox
                  v-for="dict in dict.type.industry_orientation"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
                <input v-model="otherIndustry" style="width: 30%" class="sq"
                       placeholder="请输入其他集群类型" disabled/>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="园区类别" prop="parkType">
              <el-checkbox-group v-model="form.parkType">
                <el-checkbox
                  v-for="dict in dict.type.park_type"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="供给类型" prop="supplyType">
              <el-checkbox-group v-model="form.supplyType">
                <el-checkbox
                  v-for="dict in dict.type.supply_type"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="园区竣工时间" prop="parkFinish">
              <el-date-picker clearable
                              v-model="form.parkFinish"
                              type="date"
                              value-format="yyyy-MM-dd"
                              placeholder="请选择园区竣工时间"
                              class="park">
              </el-date-picker>
            </el-form-item>
            <el-row>
              <el-col :span="24">
                <el-form-item label="产权年限" prop="parkYears">
                  <el-select v-model="form.parkYears" placeholder="请选择产权年限" class="park">
                    <el-option
                      v-for="dict in dict.type.term_of_ownership"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="剩余年限" prop="parkSurplus">
                  <el-input v-model="form.parkSurplus" placeholder="请输入剩余年限" class="park"/>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="建筑结构" prop="parkBuildStructure">
                  <el-select v-model="form.parkBuildStructure" placeholder="请选择建筑结构" class="park">
                    <el-option
                      v-for="dict in dict.type.building_structure"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="标准层高" prop="parkFloorHeight">
                  <el-select v-model="form.parkFloorHeight" placeholder="请选择层高" class="park">
                    <el-option
                      v-for="dict in dict.type.floor_height"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="总面积" prop="parkAllSize">
                  <el-input v-model="form.parkAllSize" placeholder="请输入总面积"
                            oninput="value=value.replace(/[^0-9.]/g,'')"
                            class="park">
                    <template slot="append">m²</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="建筑面积" prop="parkBuildSize">
                  <el-input v-model="form.parkBuildSize" placeholder="请输入建筑面积"
                            oninput="value=value.replace(/[^0-9.]/g,'')"
                            class="park">
                    <template slot="append">m²</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="空置面积" prop="parkFreeSize">
                  <el-input v-model="form.parkFreeSize" placeholder="请输入空置面积"
                            oninput="value=value.replace(/[^0-9.]/g,'')"
                            class="park">
                    <template slot="append">m²</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="容积率" prop="parkPlotRatio">
                  <el-input v-model="form.parkPlotRatio" placeholder="请输入容积率"
                            oninput="value=value.replace(/[^0-9.]/g,'')" class="park">
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="绿化率" prop="parkGreen">
                  <el-input v-model="form.parkGreen" placeholder="请输入绿化率"
                            oninput="value=value.replace(/[^0-9.]/g,'')"
                            class="park">
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="园区政策" prop="parkLandpolic">
                  <el-select v-model="form.parkLandpolic" multiple placeholder="请输入关联政策" class="park">
                    <el-option
                      v-for="item in articleTypeData"
                      :key="item.id"
                      :label="item.title"
                      :value="item.id+''"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </el-tab-pane>
          <el-tab-pane label="能源能耗" name="second">
            <el-row>
              <el-col :span="24">
                <el-form-item label="供暖方式" prop="parkHeating">
                  <el-select v-model="form.parkHeating" placeholder="请选择供暖" class="park">
                    <el-option
                      v-for="dict in dict.type.heating_system"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="制冷" prop="parkRefrig">
                  <el-select v-model="form.parkRefrig" placeholder="请选择制冷" class="park">
                    <el-option
                      v-for="dict in dict.type.refrigerating_system"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="新风系统" prop="parkNather">
                  <el-select v-model="form.parkNather" placeholder="请选择新风系统" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="电量" prop="parkPower">
                  <el-input v-model="form.parkPower" placeholder="请输入电量" class="park">
                    <template slot="append">度</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="供水类型" prop="parkWater">
                  <el-select v-model="form.parkWater" placeholder="请选择水" class="park">
                    <el-option
                      v-for="dict in dict.type.water_system"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="燃气" prop="parkGas">
                  <el-radio-group v-model="form.parkGas" class="park">
                    <el-radio
                      v-for="dict in dict.type.gas_system"
                      :key="dict.value"
                      :label="dict.value"
                    >{{ dict.label }}
                    </el-radio>
                    <input v-if="form.parkGas==='其他-'" class="sq" v-model="otherGas" style="width: 20%"
                           placeholder="请输入其他燃气类型"/>
                  </el-radio-group>
                  <!--              <el-select v-model="form.parkGas" placeholder="请选择燃气类型" class="park">
                                  <el-option
                                    v-for="dict in dict.type.gas_system"
                                    :key="dict.value"
                                    :label="dict.label"
                                    :value="dict.value"
                                  ></el-option>
                                  <input v-if="form.parkGas==='其他-'" v-model="form.otherGas" style="width: 30%"
                                         placeholder="请输入其他燃气类型"/>
                                </el-select>-->
                </el-form-item>
              </el-col>
            </el-row>
          </el-tab-pane>
          <el-tab-pane label="周边交通" name="third">

            <el-form-item label="商圈" prop="parkDistrict">
              <el-radio-group v-model="form.parkDistrict">
                <el-radio :label="'有-'">有
                  距离
                  <input v-model="otherDistrict" class="sq" style="width:80px" disabled/>
                  商圈
                  <input style="width:80px" class="sq" v-model="districtMi" type="number" disabled/>米
                </el-radio>
                <el-radio label="无"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="智慧园区程度" prop="parkWisdom">
              <el-checkbox-group v-model="form.parkWisdom" class="park">
                <el-checkbox
                  v-for="dict in dict.type.degree_of_smart_park"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
                <input v-model="otherWisdom" class="sq" style="width: 20%"
                       placeholder="请输入其他类型" disabled/>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="园区车位" prop="parkCarlot">
              <el-checkbox-group v-model="form.parkCarlot" style="width: 123%">
                <!--            <el-checkbox
                              v-for="dict in dict.type.parking_space"
                              :key="dict.value"
                              :label="dict.value">
                              {{ dict.label }}
                            </el-checkbox>-->
                <el-checkbox :label="'地上-'" style="width: 27%">地上（ 数量:<input class="sq" type="number"
                                                                                   style="width: 35%" v-model="dsNum"
                                                                                   disabled/>个 ）
                </el-checkbox>
                <el-checkbox :label="'地下-'" style="width: 27%">地下（ 数量:<input class="sq" type="number"
                                                                                   style="width: 35%" v-model="dxNum"
                                                                                   disabled/>个 ）
                </el-checkbox>
                <el-checkbox label="无" key="无"></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <!--        <el-form-item label="园区车位">
                      <el-checkbox-group v-model="ruleForm.parkCarlot" placeholder="请选择" style="width: 100%">
                        &lt;!&ndash; <el-input v-model="ruleForm.parkCarlot" placeholder="请输入"></el-input> &ndash;&gt;
                        <el-checkbox :label="'地上-' + dsNum">地上（ 数量:<input class="sq" style="width: 70px" v-model="dsNum" />个 ）
                        </el-checkbox>
                        <el-checkbox :label="'地下-' + dxNum">地下（ 数量:<input class="sq" style="width: 70px" v-model="dxNum" />个 ）
                        </el-checkbox>
                        <el-checkbox label="无" key="无"></el-checkbox>
                      </el-checkbox-group>
                    </el-form-item>-->
            <el-row>
              <el-col :span="24">
                <el-form-item label="专用物流通道" prop="parkLogistics">
                  <el-select v-model="form.parkLogistics" placeholder="请选择专用物流通道" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="全区安保" prop="parkSecurity">
                  <el-select v-model="form.parkSecurity" placeholder="请选择全区安保" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item label="园区环保要求" prop="parkPolluteAsk">
              <el-input v-model="form.parkPolluteAsk" type="textarea" maxlength="1000" show-word-limit
                        placeholder="请输入内容" class="park"/>
            </el-form-item>
            <el-row>
              <el-col :span="24">
                <el-form-item label="是否获得排污许可证" prop="emissionPermit ">
                  <el-select v-model="form.emissionPermit " placeholder="请选择" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_yes_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="是否有亦朋产业科技服务港" prop="ypIndustry ">
                  <el-select v-model="form.ypIndustry " placeholder="请选择" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_yes_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="公交" prop="parkBus">
                  <el-select v-model="form.parkBus" placeholder="请选择公交" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="地铁" prop="parkMetro">
                  <el-select v-model="form.parkMetro" placeholder="请选择地铁" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="高速公路" prop="parkHighRoad">
                  <el-select v-model="form.parkHighRoad" placeholder="请选择高速公路" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="火车站" prop="parkTrainStation">
                  <el-select v-model="form.parkTrainStation" placeholder="请选择火车站" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="机场" prop="parkAirport">
                  <!--              <el-input v-model="form.parkAirport" placeholder="请输入机场" class="park"/>-->
                  <el-radio-group v-model="form.parkAirport">
                    <el-radio :label="'有-'">距离
                      <input class="sq" type="number" style="width: 100px" v-model="airportDistance" disabled/>Km
                    </el-radio>
                    <el-radio label="无">无</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="港口" prop="parkPort">
                  <!--              <el-input v-model="form.parkPort" placeholder="请输入港口" class="park"/>-->
                  <el-radio-group v-model="form.parkPort">
                    <el-radio :label="'有-'">距离
                      <input class="sq" type="number" style="width: 100px" v-model="portDistance" disabled/>Km
                    </el-radio>
                    <el-radio label="无">无</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>

            <el-row>
              <el-col :span="24">
                <el-form-item label="周边商务酒店" prop="parkHotel" class="park">
                  <el-checkbox-group v-model="form.parkHotel">
                    <el-checkbox
                      v-for="dict in dict.type.hotel_type"
                      :key="dict.value"
                      :label="dict.value">
                      {{ dict.label }}
                    </el-checkbox>
                  </el-checkbox-group>
                  <!--                        <el-select v-model="form.parkHotel" placeholder="请选择周边商务酒店">
                                            <el-option
                                              v-for="dict in dict.type.hotel_type"
                                              :key="dict.value"
                                              :label="dict.label"
                                              :value="dict.value"
                                            ></el-option>
                                          </el-select>-->
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="周边配套学校" prop="parkSchool">
                  <el-select v-model="form.parkSchool" multiple placeholder="请选择周边配套学校" class="park">
                    <el-option
                      v-for="dict in dict.type.supporting_school"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <!--          <el-col :span="24">-->
              <el-form-item label="园区餐饮" prop="parkRestaurant">
                <el-select v-model="form.parkRestaurant" multiple placeholder="请选择园区餐饮" class="park">
                  <el-option
                    v-for="dict in dict.type.park_catering"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              <!--          </el-col>-->
              <el-form-item label="是否有配套班车" prop="parkShuttleBus">
                <el-select v-model="form.parkShuttleBus" placeholder="请选择是否有园区配套班车" class="park">
                  <el-option
                    v-for="dict in dict.type.sys_have_not"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item v-if="form.parkShuttleBus=='H'" label="园区配套班车路线" prop="busRoute" class="park">
                <el-input style="width: 45%" v-model="form.busRoute" placeholder="请输入起点"/>
                >>>
                <el-input style="width: 45%;" v-model="busRouteEnd" placeholder="请输入终点"/>
              </el-form-item>

            </el-row>
            <!--          <el-col :span="24">-->
            <el-form-item label="园区周边场馆" prop="parkRecreation">
              <!--              <el-select v-model="form.parkRecreation" placeholder="请选择园区周边场馆" class="park">
                              <el-option
                                v-for="dict in dict.type.park_catering"
                                :key="dict.value"
                                :label="dict.label"
                                :value="dict.value"
                              ></el-option>
                            </el-select>-->
              <el-checkbox-group v-model="form.parkRecreation" class="park">
                <el-checkbox
                  v-for="dict in dict.type.leisure_venue"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
                <input class="sq" style="width: 10%" v-model="otherCatering" disabled/>
              </el-checkbox-group>
            </el-form-item>
            <!--          </el-col>-->
            <el-row>
              <el-col :span="24">
                <el-form-item label="众创空间" prop="parkShareSpace" class="park">
                  <el-radio-group v-model="form.parkShareSpace">
                    <el-radio
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.value"
                    >{{ dict.label }}
                    </el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="产业孵化平台" prop="parkPlatform" class="park">
                  <el-radio-group v-model="form.parkPlatform">
                    <el-radio
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.value"
                    >{{ dict.label }}
                    </el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item label="服务平台及科研平台" prop="parkScience">
              <el-input v-model="form.parkScience" placeholder="请输入服务平台及科研平台" class="park"/>
            </el-form-item>
          </el-tab-pane>
          <el-tab-pane label="园区介绍" name="four">

            <el-form-item label="园区介绍" prop="parkintro">
              <el-input v-model="form.parkintro" type="textarea" maxlength="1000" show-word-limit
                        placeholder="请输入内容" class="park"/>
            </el-form-item>
            <el-form-item label="区域情况介绍" prop="parkAreaIntro">
              <editor v-model="form.parkAreaIntro" :min-height="192" class="park" read-only/>
            </el-form-item>
            <!--                <el-form-item label="区域" prop="parkArea">
                              <el-input v-model="form.parkArea" placeholder="请输入区域"/>
                            </el-form-item>-->
            <el-form-item label="所属城市" prop="cityId" class="park">
              <el-select v-model="form.provinceId" placeholder="请选择省份"
                         @change="getCityList(form.provinceId)" style="width: 33.4%">
                <el-option
                  v-for="dict in provinces"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
              <el-select v-model="form.cityId" placeholder="请选择城市"
                         :disabled="form.provinceId==null||form.provinceId===''" @change="getAreaList(form.cityId)"
                         style="width: 33.3%">
                <el-option
                  v-for="dict in citys"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
              <el-select v-model="form.areaId" placeholder="请选择区域" :disabled="form.cityId==null||form.cityId===''"
                         style="width: 33.3%" clearable>
                <el-option
                  v-for="dict in areas"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
            </el-form-item>
            <el-form-item label="注册或办公地址" prop="parkAddress" class="park">
              <el-input v-model="form.parkAddress" placeholder="请输入注册或办公地址"/>
              <!--          <MapAlapp ref="map" :lng="lng" :lat="lat" @lng-change="handleLngChange"
                                  @lat-change="handleLatChange"
                                  @res-change="handleResChange"
                                  style="margin-top: 25px">
                        </MapAlapp>-->
            </el-form-item>
            <el-form-item label="经度" prop="parkLongitude" class="park">
              <el-input v-model="form.parkLongitude" placeholder="请输入经度" :disabled="true"/>
            </el-form-item>
            <el-form-item label="纬度" prop="parkLatitude" class="park">
              <el-input v-model="form.parkLatitude" placeholder="请输入纬度" :disabled="true"/>
            </el-form-item>
          </el-tab-pane>
          <el-tab-pane label="展示设置" v-if="form.approvalState===1" name="five">
            <el-form ref="form" :model="form" :rules="rules" label-width="130px" v-if="form.approvalState===1">
              <el-form-item label="是否置顶" prop="top" class="park">
                <el-select v-model="form.top" placeholder="请选择是否置顶" style="width: 100%">
                  <el-option
                    v-for="dict in dict.type.sys_yes_no"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.label === '是' ? 1 : 0"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="热门推荐状态" prop="recomState" class="park">
                <el-select v-model="form.recomState" placeholder="热门 推荐状态" style="width: 100%">
                  <el-option
                    v-for="dict in dict.type.recommend"
                    :key="dict.value"
                    :label="dict.label"
                    :value="parseInt(dict.value)"
                  ></el-option>
                </el-select>
              </el-form-item>

              <el-form-item label="明星推荐" prop="recState" class="park">
                <el-select v-model="form.recState" placeholder="明星推荐状态" style="width: 100%">
                  <el-option
                    v-for="dict in dict.type.recommend"
                    :key="dict.value"
                    :label="dict.label"
                    :value="parseInt(dict.value)"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="分配用户" prop="servicePhone" >
                <el-select class="park" v-model="form.servicePhone" placeholder="请选择分配用户">
                  <el-option
                    v-for="dict in fenpeiList"
                    :key="dict.userId"
                    :label="dict.nickName"
                    :value="dict.userId+''"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-form>
          </el-tab-pane>
          <el-tab-pane label="资料上传" name="six">
            <el-form-item label="营业执照" prop="parkIdImg">
              <image-upload v-model="form.parkIdImg"/>
            </el-form-item>
            <el-form-item label="VR封面" prop="vrcover">
              <image-upload v-model="form.vrcover" :limit="1"/>
            </el-form-item>
            <el-form-item label="VR资源" prop="vrResource">
              <video-upload v-model="form.vrResource"/>
            </el-form-item>
            <el-form-item label="图片资源" prop="imgResource">
              <image-upload v-model="form.imgResource"/>
            </el-form-item>
            <el-form-item label="封面资源" prop="coverResource">
              <image-upload v-model="form.coverResource" :limit="1"/>
            </el-form-item>
            <el-form-item label="微信二维码" prop="qrCode">
              <image-upload v-model="form.qrCode" :limit="1"/>
            </el-form-item>
            <el-form-item label="联系人" prop="contactName" class="park">
              <el-input v-model="form.contactName" placeholder="请输入联系人" style="width: 100%"/>
            </el-form-item>
            <el-form-item label="联系方式" prop="contactPhone" class="park">
              <el-input v-model="form.contactPhone" placeholder="请输入联系方式" style="width: 100%"/>
            </el-form-item>
<!--            <el-form-item label="分配用户" prop="servicePhone" >
              <el-select style="width: 100%" v-model="form.servicePhone" placeholder="请选择分配用户">
                <el-option
                  v-for="dict in fenpeiList"
                  :key="dict.userId"
                  :label="dict.nickName"
                  :value="dict.userId+''"
                ></el-option>
              </el-select>
            </el-form-item>-->
            <el-form-item label="用户ID" class="park" prop="supplyUserId">
              <el-input v-model="form.supplyUserId" placeholder="用户ID" style="width: 100%" disabled/>
            </el-form-item>
            <el-form-item label="备注" prop="note" class="park">
              <el-input v-model="form.note" placeholder="请输入备注" type="textarea" maxlength="100" show-word-limit
                        style="width: 100%"/>
            </el-form-item>
          </el-tab-pane>
        </el-tabs>


        <el-form-item class="park">
          <el-alert
            title="初审通过"
            type="success"
            center
            :closable="false"
            v-if="form.approvalState===1||form.approvalState===3||form.approvalState===4"
            show-icon>
          </el-alert>
          <el-alert
            title="初审拒绝"
            type="error"
            center
            :closable="false"
            v-if="form.approvalState===2"
            show-icon>
          </el-alert>
        </el-form-item>
        <el-form-item label="初审意见" prop="approvalNote" class="park"
                      v-if="form.approvalState!==0&&form.approvalState!=null">
          <editor v-model="form.approvalNote" :min-height="100" style="width: 100%" read-only/>
        </el-form-item>
        <el-form-item class="park">
          <el-alert
            title="复审通过"
            type="success"
            center
            :closable="false"
            v-if="form.approvalState===1"
            show-icon>
          </el-alert>
          <el-alert
            title="复审拒绝"
            type="error"
            center
            :closable="false"
            v-if="form.approvalState===4"
            show-icon>
          </el-alert>
        </el-form-item>
        <el-form-item label="复审备注" prop="recheckNote" class="park"
                      v-if="form.approvalState===1||form.approvalState===4">
          <editor v-model="form.recheckNote" :min-height="100" style="width: 100%" read-only/>
        </el-form-item>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitSet" v-if="form.approvalState===1">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <!-- 审核 -->
    <el-dialog title="园区审核" :visible.sync="buildingAudit" close-on-click-modal center width="800px">
      <el-form ref="form" :model="form" :rules="rules" label-width="130px" disabled>
        <el-tabs v-model="activeName" @tab-click="handleClick">
          <el-tab-pane label="基本情况" name="first">
            <el-form-item label="园区名称" prop="parkName">
              <el-input v-model="form.parkName" placeholder="请输入园区名称" class="park"/>
            </el-form-item>
            <el-row>
              <el-col :span="24">
                <el-form-item label="产权方名称" prop="parkBelong">
                  <el-input v-model="form.parkBelong" placeholder="请输入产权方名称" class="park"/>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="产权方性质" prop="parkNature">
                  <el-select v-model="form.parkNature" placeholder="请选择产权方性质" class="park">
                    <el-option
                      v-for="dict in dict.type.account_character"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="运营方名称" prop="parkBusinName">
                  <el-input v-model="form.parkBusinName" placeholder="请输入运营方名称" class="park"/>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="运营方性质" prop="parkBusinNature">
                  <el-select v-model="form.parkBusinNature" placeholder="请选择运营方性质" class="park">
                    <el-option
                      v-for="dict in dict.type.account_character"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="运营方类型" prop="parkBusinType">
                  <el-select v-model="form.parkBusinType" placeholder="请选择运营方类型" class="park">
                    <el-option
                      v-for="dict in dict.type.operator_type"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="经济带" prop="parkEconomic">
                  <el-select v-model="form.parkEconomic" placeholder="请选择经济带" class="park">
                    <el-option
                      v-for="dict in dict.type.economic_belt"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item label="区域位置" prop="parkAreaAddress">
              <el-select v-model="form.parkAreaAddress" placeholder="请选择区域位置" class="park">
                <el-option
                  v-for="dict in dict.type.regional_position"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="园区产业集群" prop="parkIndustry">
              <el-checkbox-group v-model="form.parkIndustry" style="width: 90%">
                <el-checkbox
                  v-for="dict in dict.type.industry_orientation"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
                <input v-model="otherIndustry" style="width: 30%" class="sq"
                       placeholder="请输入其他集群类型" disabled/>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="园区类别" prop="parkType">
              <el-checkbox-group v-model="form.parkType">
                <el-checkbox
                  v-for="dict in dict.type.park_type"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="供给类型" prop="supplyType">
              <el-checkbox-group v-model="form.supplyType">
                <el-checkbox
                  v-for="dict in dict.type.supply_type"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="园区竣工时间" prop="parkFinish">
              <el-date-picker clearable
                              v-model="form.parkFinish"
                              type="date"
                              value-format="yyyy-MM-dd"
                              placeholder="请选择园区竣工时间"
                              class="park">
              </el-date-picker>
            </el-form-item>
            <el-row>
              <el-col :span="24">
                <el-form-item label="产权年限" prop="parkYears">
                  <el-select v-model="form.parkYears" placeholder="请选择产权年限" class="park">
                    <el-option
                      v-for="dict in dict.type.term_of_ownership"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="剩余年限" prop="parkSurplus">
                  <el-input v-model="form.parkSurplus" placeholder="请输入剩余年限" class="park"/>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="建筑结构" prop="parkBuildStructure">
                  <el-select v-model="form.parkBuildStructure" placeholder="请选择建筑结构" class="park">
                    <el-option
                      v-for="dict in dict.type.building_structure"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="标准层高" prop="parkFloorHeight">
                  <el-select v-model="form.parkFloorHeight" placeholder="请选择层高" class="park">
                    <el-option
                      v-for="dict in dict.type.floor_height"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="总面积" prop="parkAllSize">
                  <el-input v-model="form.parkAllSize" placeholder="请输入总面积"
                            oninput="value=value.replace(/[^0-9.]/g,'')"
                            class="park">
                    <template slot="append">m²</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="建筑面积" prop="parkBuildSize">
                  <el-input v-model="form.parkBuildSize" placeholder="请输入建筑面积"
                            oninput="value=value.replace(/[^0-9.]/g,'')"
                            class="park">
                    <template slot="append">m²</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="空置面积" prop="parkFreeSize">
                  <el-input v-model="form.parkFreeSize" placeholder="请输入空置面积"
                            oninput="value=value.replace(/[^0-9.]/g,'')"
                            class="park">
                    <template slot="append">m²</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="容积率" prop="parkPlotRatio">
                  <el-input v-model="form.parkPlotRatio" placeholder="请输入容积率"
                            oninput="value=value.replace(/[^0-9.]/g,'')" class="park">
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="绿化率" prop="parkGreen">
                  <el-input v-model="form.parkGreen" placeholder="请输入绿化率"
                            oninput="value=value.replace(/[^0-9.]/g,'')"
                            class="park">
                    <template slot="append">%</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="园区政策" prop="parkLandpolic">
                  <el-select v-model="form.parkLandpolic" multiple placeholder="请输入关联政策" class="park">
                    <el-option
                      v-for="item in articleTypeData"
                      :key="item.id"
                      :label="item.title"
                      :value="item.id+''"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </el-tab-pane>
          <el-tab-pane label="能源能耗" name="second">
            <el-row>
              <el-col :span="24">
                <el-form-item label="供暖方式" prop="parkHeating">
                  <el-select v-model="form.parkHeating" placeholder="请选择供暖" class="park">
                    <el-option
                      v-for="dict in dict.type.heating_system"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="制冷" prop="parkRefrig">
                  <el-select v-model="form.parkRefrig" placeholder="请选择制冷" class="park">
                    <el-option
                      v-for="dict in dict.type.refrigerating_system"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="新风系统" prop="parkNather">
                  <el-select v-model="form.parkNather" placeholder="请选择新风系统" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="电量" prop="parkPower">
                  <el-input v-model="form.parkPower" placeholder="请输入电量" class="park">
                    <template slot="append">度</template>
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="供水类型" prop="parkWater">
                  <el-select v-model="form.parkWater" placeholder="请选择水" class="park">
                    <el-option
                      v-for="dict in dict.type.water_system"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="燃气" prop="parkGas">
                  <el-radio-group v-model="form.parkGas" class="park">
                    <el-radio
                      v-for="dict in dict.type.gas_system"
                      :key="dict.value"
                      :label="dict.value"
                    >{{ dict.label }}
                    </el-radio>
                    <input v-if="form.parkGas==='其他-'" class="sq" v-model="otherGas" style="width: 20%"
                           placeholder="请输入其他燃气类型"/>
                  </el-radio-group>
                  <!--              <el-select v-model="form.parkGas" placeholder="请选择燃气类型" class="park">
                                  <el-option
                                    v-for="dict in dict.type.gas_system"
                                    :key="dict.value"
                                    :label="dict.label"
                                    :value="dict.value"
                                  ></el-option>
                                  <input v-if="form.parkGas==='其他-'" v-model="form.otherGas" style="width: 30%"
                                         placeholder="请输入其他燃气类型"/>
                                </el-select>-->
                </el-form-item>
              </el-col>
            </el-row>

          </el-tab-pane>
          <el-tab-pane label="周边交通" name="third">

            <el-form-item label="商圈" prop="parkDistrict">
              <el-radio-group v-model="form.parkDistrict">
                <el-radio :label="'有-'">有
                  距离
                  <input v-model="otherDistrict" class="sq" style="width:80px" disabled/>
                  商圈
                  <input style="width:80px" class="sq" v-model="districtMi" type="number" disabled/>米
                </el-radio>
                <el-radio label="无"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="智慧园区程度" prop="parkWisdom">
              <el-checkbox-group v-model="form.parkWisdom" class="park">
                <el-checkbox
                  v-for="dict in dict.type.degree_of_smart_park"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
                <input v-model="otherWisdom" class="sq" style="width: 20%"
                       placeholder="请输入其他类型" disabled/>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item label="园区车位" prop="parkCarlot">
              <el-checkbox-group v-model="form.parkCarlot" style="width: 123%">
                <!--            <el-checkbox
                              v-for="dict in dict.type.parking_space"
                              :key="dict.value"
                              :label="dict.value">
                              {{ dict.label }}
                            </el-checkbox>-->
                <el-checkbox :label="'地上-'" style="width: 27%">地上（ 数量:<input class="sq" type="number"
                                                                                   style="width: 35%" v-model="dsNum"
                                                                                   disabled/>个 ）
                </el-checkbox>
                <el-checkbox :label="'地下-'" style="width: 27%">地下（ 数量:<input class="sq" type="number"
                                                                                   style="width: 35%" v-model="dxNum"
                                                                                   disabled/>个 ）
                </el-checkbox>
                <el-checkbox label="无" key="无"></el-checkbox>
              </el-checkbox-group>
            </el-form-item>
            <!--        <el-form-item label="园区车位">
                      <el-checkbox-group v-model="ruleForm.parkCarlot" placeholder="请选择" style="width: 100%">
                        &lt;!&ndash; <el-input v-model="ruleForm.parkCarlot" placeholder="请输入"></el-input> &ndash;&gt;
                        <el-checkbox :label="'地上-' + dsNum">地上（ 数量:<input class="sq" style="width: 70px" v-model="dsNum" />个 ）
                        </el-checkbox>
                        <el-checkbox :label="'地下-' + dxNum">地下（ 数量:<input class="sq" style="width: 70px" v-model="dxNum" />个 ）
                        </el-checkbox>
                        <el-checkbox label="无" key="无"></el-checkbox>
                      </el-checkbox-group>
                    </el-form-item>-->
            <el-row>
              <el-col :span="24">
                <el-form-item label="专用物流通道" prop="parkLogistics">
                  <el-select v-model="form.parkLogistics" placeholder="请选择专用物流通道" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="全区安保" prop="parkSecurity">
                  <el-select v-model="form.parkSecurity" placeholder="请选择全区安保" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item label="园区环保要求" prop="parkPolluteAsk">
              <el-input v-model="form.parkPolluteAsk" type="textarea" maxlength="1000" show-word-limit
                        placeholder="请输入内容" class="park"/>
            </el-form-item>
            <el-row>
              <el-col :span="24">
                <el-form-item label="是否获得排污许可证" prop="emissionPermit ">
                  <el-select v-model="form.emissionPermit " placeholder="请选择" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_yes_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="是否有亦朋产业科技服务港" prop="ypIndustry ">
                  <el-select v-model="form.ypIndustry " placeholder="请选择" class="park">
                    <el-option
                      v-for="dict in dict.type.sys_yes_no"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="公交" prop="parkBus">
                  <el-select v-model="form.parkBus" placeholder="请选择公交" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="地铁" prop="parkMetro">
                  <el-select v-model="form.parkMetro" placeholder="请选择地铁" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="高速公路" prop="parkHighRoad">
                  <el-select v-model="form.parkHighRoad" placeholder="请选择高速公路" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="火车站" prop="parkTrainStation">
                  <el-select v-model="form.parkTrainStation" placeholder="请选择火车站" class="park">
                    <el-option
                      v-for="dict in dict.type.traffic_distance"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="机场" prop="parkAirport">
                  <!--              <el-input v-model="form.parkAirport" placeholder="请输入机场" class="park"/>-->
                  <el-radio-group v-model="form.parkAirport">
                    <el-radio :label="'有-'">距离
                      <input class="sq" type="number" style="width: 100px" v-model="airportDistance" disabled/>Km
                    </el-radio>
                    <el-radio label="无">无</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="港口" prop="parkPort">
                  <!--              <el-input v-model="form.parkPort" placeholder="请输入港口" class="park"/>-->
                  <el-radio-group v-model="form.parkPort">
                    <el-radio :label="'有-'">距离
                      <input class="sq" type="number" style="width: 100px" v-model="portDistance" disabled/>Km
                    </el-radio>
                    <el-radio label="无">无</el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>

            <el-row>
              <el-col :span="24">
                <el-form-item label="周边商务酒店" prop="parkHotel" class="park">
                  <el-checkbox-group v-model="form.parkHotel">
                    <el-checkbox
                      v-for="dict in dict.type.hotel_type"
                      :key="dict.value"
                      :label="dict.value">
                      {{ dict.label }}
                    </el-checkbox>
                  </el-checkbox-group>
                  <!--                        <el-select v-model="form.parkHotel" placeholder="请选择周边商务酒店">
                                            <el-option
                                              v-for="dict in dict.type.hotel_type"
                                              :key="dict.value"
                                              :label="dict.label"
                                              :value="dict.value"
                                            ></el-option>
                                          </el-select>-->
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="周边配套学校" prop="parkSchool">
                  <el-select v-model="form.parkSchool" multiple placeholder="请选择周边配套学校" class="park">
                    <el-option
                      v-for="dict in dict.type.supporting_school"
                      :key="dict.value"
                      :label="dict.label"
                      :value="dict.value"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <!--          <el-col :span="24">-->
              <el-form-item label="园区餐饮" prop="parkRestaurant">
                <el-select v-model="form.parkRestaurant" multiple placeholder="请选择园区餐饮" class="park">
                  <el-option
                    v-for="dict in dict.type.park_catering"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              <!--          </el-col>-->
              <el-form-item label="是否有配套班车" prop="parkShuttleBus">
                <el-select v-model="form.parkShuttleBus" placeholder="请选择是否有园区配套班车" class="park">
                  <el-option
                    v-for="dict in dict.type.sys_have_not"
                    :key="dict.value"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
              <el-form-item v-if="form.parkShuttleBus=='H'" label="园区配套班车路线" prop="busRoute" class="park">
                <el-input style="width: 45%" v-model="form.busRoute" placeholder="请输入起点"/>
                >>>
                <el-input style="width: 45%;" v-model="busRouteEnd" placeholder="请输入终点"/>
              </el-form-item>

            </el-row>
            <!--          <el-col :span="24">-->
            <el-form-item label="园区周边场馆" prop="parkRecreation">
              <!--              <el-select v-model="form.parkRecreation" placeholder="请选择园区周边场馆" class="park">
                              <el-option
                                v-for="dict in dict.type.park_catering"
                                :key="dict.value"
                                :label="dict.label"
                                :value="dict.value"
                              ></el-option>
                            </el-select>-->
              <el-checkbox-group v-model="form.parkRecreation" class="park">
                <el-checkbox
                  v-for="dict in dict.type.leisure_venue"
                  :key="dict.value"
                  :label="dict.value">
                  {{ dict.label }}
                </el-checkbox>
                <input class="sq" style="width: 10%" v-model="otherCatering" disabled/>
              </el-checkbox-group>
            </el-form-item>
            <!--          </el-col>-->
            <el-row>
              <el-col :span="24">
                <el-form-item label="众创空间" prop="parkShareSpace" class="park">
                  <el-radio-group v-model="form.parkShareSpace">
                    <el-radio
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.value"
                    >{{ dict.label }}
                    </el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="产业孵化平台" prop="parkPlatform" class="park">
                  <el-radio-group v-model="form.parkPlatform">
                    <el-radio
                      v-for="dict in dict.type.sys_have_not"
                      :key="dict.value"
                      :label="dict.value"
                    >{{ dict.label }}
                    </el-radio>
                  </el-radio-group>
                </el-form-item>
              </el-col>
            </el-row>
            <el-form-item label="服务平台及科研平台" prop="parkScience">
              <el-input v-model="form.parkScience" placeholder="请输入服务平台及科研平台" class="park"/>
            </el-form-item>
          </el-tab-pane>
          <el-tab-pane label="园区介绍" name="four">

            <el-form-item label="园区介绍" prop="parkintro">
              <el-input v-model="form.parkintro" type="textarea" maxlength="1000" show-word-limit
                        placeholder="请输入内容" class="park"/>
            </el-form-item>
            <el-form-item label="区域情况介绍" prop="parkAreaIntro">
              <editor v-model="form.parkAreaIntro" :min-height="192" class="park" read-only/>
            </el-form-item>
            <!--                <el-form-item label="区域" prop="parkArea">
                              <el-input v-model="form.parkArea" placeholder="请输入区域"/>
                            </el-form-item>-->
            <el-form-item label="所属城市" prop="cityId" class="park">
              <el-select v-model="form.provinceId" placeholder="请选择省份"
                         @change="getCityList(form.provinceId)" style="width: 33.4%">
                <el-option
                  v-for="dict in provinces"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
              <el-select v-model="form.cityId" placeholder="请选择城市"
                         :disabled="form.provinceId==null||form.provinceId===''" @change="getAreaList(form.cityId)"
                         style="width: 33.3%">
                <el-option
                  v-for="dict in citys"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
              <el-select v-model="form.areaId" placeholder="请选择区域" :disabled="form.cityId==null||form.cityId===''"
                         style="width: 33.3%" clearable>
                <el-option
                  v-for="dict in areas"
                  :key="dict.id"
                  :label="dict.name"
                  :value="dict.id"
                />
              </el-select>
            </el-form-item>
            <el-form-item label="注册或办公地址" prop="parkAddress" class="park">
              <el-input v-model="form.parkAddress" placeholder="请输入注册或办公地址"/>
              <!--          <MapAlapp ref="map" :lng="lng" :lat="lat" @lng-change="handleLngChange"
                                  @lat-change="handleLatChange"
                                  @res-change="handleResChange"
                                  style="margin-top: 25px">
                        </MapAlapp>-->
            </el-form-item>
            <el-form-item label="经度" prop="parkLongitude" class="park">
              <el-input v-model="form.parkLongitude" placeholder="请输入经度" :disabled="true"/>
            </el-form-item>
            <el-form-item label="纬度" prop="parkLatitude" class="park">
              <el-input v-model="form.parkLatitude" placeholder="请输入纬度" :disabled="true"/>
            </el-form-item>
          </el-tab-pane>
          <el-tab-pane label="资料上传" name="six">
            <el-form-item label="营业执照" prop="parkIdImg">
              <image-upload v-model="form.parkIdImg"/>
            </el-form-item>
            <el-form-item label="VR封面" prop="vrcover">
              <image-upload v-model="form.vrcover" :limit="1"/>
            </el-form-item>
            <el-form-item label="VR资源" prop="vrResource">
              <video-upload v-model="form.vrResource"/>
            </el-form-item>
            <el-form-item label="图片资源" prop="imgResource">
              <image-upload v-model="form.imgResource"/>
            </el-form-item>
            <el-form-item label="封面资源" prop="coverResource">
              <image-upload v-model="form.coverResource" :limit="1"/>
            </el-form-item>
            <el-form-item label="微信二维码" prop="qrCode">
              <image-upload v-model="form.qrCode" :limit="1"/>
            </el-form-item>
            <el-form-item label="联系人" prop="contactName" class="park">
              <el-input v-model="form.contactName" placeholder="请输入联系人" style="width: 100%"/>
            </el-form-item>
            <el-form-item label="联系方式" prop="contactPhone" class="park">
              <el-input v-model="form.contactPhone" placeholder="请输入联系方式" style="width: 100%"/>
            </el-form-item>
            <el-form-item label="分配用户" prop="servicePhone" >
              <el-select class="park" v-model="form.servicePhone" placeholder="请选择分配用户">
                <el-option
                  v-for="dict in fenpeiList"
                  :key="dict.userId"
                  :label="dict.nickName"
                  :value="dict.userId+''"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="用户ID" class="park" prop="supplyUserId">
              <el-input v-model="form.supplyUserId" placeholder="用户ID" style="width: 100%" disabled/>
            </el-form-item>
            <el-form-item label="备注" prop="note" class="park">
              <el-input v-model="form.note" placeholder="请输入备注" type="textarea" maxlength="100" show-word-limit
                        style="width: 100%"/>
            </el-form-item>
          </el-tab-pane>
        </el-tabs>


        <el-form-item class="park">
          <el-alert title="初审通过" type="success" center :closable="false" v-if="form.approvalState===3"
                    show-icon></el-alert>
          <el-alert title="初审拒绝" type="error" center :closable="false" v-if="form.approvalState===2"
                    show-icon></el-alert>
        </el-form-item>
        <el-form-item label="初审意见" prop="approvalNote" class="park"
                      v-if="form.approvalState!==0&&form.approvalState!=null">
          <editor v-model="form.approvalNote" :min-height="100" style="width: 100%" read-only/>
        </el-form-item>
        <el-form-item class="park">
          <el-alert title="复审通过" type="success" center :closable="false" v-if="form.approvalState===1"
                    show-icon></el-alert>
          <el-alert title="复审拒绝" type="error" center :closable="false" v-if="form.approvalState===4"
                    show-icon></el-alert>
        </el-form-item>
        <el-form-item label="复审备注" prop="recheckNote" class="park"
                      v-if="form.approvalState===1||form.approvalState===4">
          <editor v-model="form.recheckNote" :min-height="100" style="width: 100%" read-only/>
        </el-form-item>
      </el-form>
      <el-form :model="form" label-width="130px">
        <el-form-item label="初审意见" prop="approvalNote" v-if="form.approvalState===0">
          <my-editor v-model="form.approvalNote" :min-height="100" style="width: 90%"/>
        </el-form-item>
        <el-form-item label="复审备注" prop="recheckNote" v-if="form.approvalState===3">
          <my-editor v-model="form.recheckNote" :min-height="100" style="width: 90%"/>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="success" v-if="form.approvalState===0" @click="submitCheck(3)">初审通过</el-button>
        <el-button type="success" v-if="form.approvalState===3" @click="submitCheck(1)">复审通过</el-button>
        <span style="width: 5%;display: inline-block"></span>
        <el-button type="danger" v-if="form.approvalState===0" @click="submitCheck(2)">审核驳回</el-button>
        <el-button type="danger" v-if="form.approvalState===3" @click="submitCheck(4)">审核驳回</el-button>
        <span style="width: 5%;display: inline-block"></span>
        <el-button type="info" @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

    <!-- 用户导入对话框 -->
    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
      <el-upload
        ref="upload"
        :limit="1"
        accept=".xlsx, .xls"
        :headers="upload.headers"
        :action="upload.url + '?updateSupport=' + upload.updateSupport"
        :disabled="upload.isUploading"
        :on-progress="handleFileUploadProgress"
        :on-success="handleFileSuccess"
        :auto-upload="false"
        drag
      >
        <i class="el-icon-upload"></i>
        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
        <div class="el-upload__tip text-center" slot="tip">
          <!--          <div class="el-upload__tip" slot="tip">-->
          <!--            <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的数据-->
          <!--          </div>-->
          <span>仅允许导入xls、xlsx格式文件。</span>
          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
                   @click="importTemplate">下载模板
          </el-link>
        </div>
      </el-upload>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitFileForm">确 定</el-button>
        <el-button @click="upload.open = false">取 消</el-button>
      </div>
    </el-dialog>

  </div>
</template>

<script>
import {addPark, delPark, getEntrust, getPark, listPark, updatePark, yuanQuZC} from "@/api/industry/park";
import {listCity} from "@/api/business/businessIntro";
import VideoUpload from "@/components/VideoUpload";
import MyEditor from "@/components/wangEdiot";
import {getToken} from "@/utils/auth";
import {listUser} from "@/api/system/user";

export default {
  name: "Park",
  components: {MyEditor, VideoUpload},
  dicts: ['regional_position', 'park_type', 'leisure_venue', 'park_catering', 'recommend', 'sys_yes_no', 'heating_system', 'traffic_distance', 'building_structure', 'regional_position', 'supply_type', 'degree_of_smart_park', 'audit_status', 'account_character', 'economic_belt', 'gas_system', 'industry_orientation', 'term_of_ownership', 'sys_have_not', 'operator_type', 'hotel_type', 'refrigerating_system', 'parking_space', 'supporting_school', 'water_system', 'floor_height'],
  data() {
    return {
      activeName: 'first',
      mapTrue: false,
      //传入的经纬度默认
      lng: 105.602725,
      lat: 37.076636,
      //园区政策下拉数据
      articleTypeData: [],
      fenpeiList: [],
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 项目-园区表格数据
      parkList: [],
      // 弹出层标题
      title: "",
      //用户id
      userId: null,
      // 是否显示弹出层
      open: false,
      //设置弹窗
      settingUp: false,
      //审核弹窗
      buildingAudit: false,
      busRouteEnd: null,
      //省份
      provinces: [],
      //城市
      citys: [],
      //区域
      areas: [],
      //其他
      otherIndustry: null,
      otherGas: null,
      otherDistrict: null,
      districtMi: null,
      otherWisdom: null,
      dxNum: null,
      dsNum: null,
      airportDistance: null,
      portDistance: null,
      otherCatering: null,
      ageLimit: 0,
      acreage: 0,
      acreage1: 0,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        parkName: null,
        parkBelong: null,
        parkNature: null,
        parkBusinName: null,
        parkBusinNature: null,
        parkBusinType: null,
        parkEconomic: null,
        parkAreaAddress: null,
        parkType: null,
        supplyType: null,
        parkFinish: null,
        parkYears: null,
        parkSurplus: null,
        parkBuildStructure: null,
        provinceId: null,
        parkAllSize: null,
        parkBuildSize: null,
        parkFreeSize: null,
        parkPlotRatio: null,
        parkGreen: null,
        parkIndustry: null,
        parkHeating: null,
        parkRefrig: null,
        parkNather: null,
        parkPower: null,
        parkGas: null,
        parkWater: null,
        parkDistrict: null,
        emissionPermit: null,
        ypIndustry: null,
        parkWisdom: null,
        parkCarlot: null,
        parkLogistics: null,
        parkSecurity: null,
        parkPolluteAsk: null,
        parkBus: null,
        parkFloorHeight: null,
        parkMetro: null,
        parkHighRoad: null,
        parkTrainStation: null,
        parkAirport: null,
        parkPort: null,
        parkHotel: null,
        parkSchool: null,
        parkRestaurant: null,
        parkShuttleBus: null,
        busRoute: null,
        parkRecreation: null,
        parkShareSpace: null,
        parkPlatform: null,
        parkScience: null,
        parkAddress: null,
        parkArea: null,
        parkAreaIntro: null,
        parkLongitude: null,
        parkLatitude: null,
        parkIdImg: null,
        cityId: null,
        releaseType: null,
        pageView: null,
        collectState: null,
        recState: null,
        reserveState: null,
        vrResource: null,
        recomState: null,
        imgResource: null,
        coverResource: null,
        contactName: null,
        contactPhone: null,
        servicePhone: null,
        approvalNote: null,
        recheckNote: null,
        supplyUserId: null,
        approvalState: null,
        note: null,
        sort: null,
        state: null,
        dr: null,
        vrcover: null,
        top: null,
        parkLandpolic: null,
        parkintro: null
      },
      // 表单参数
      form: {},
      // 用户导入参数
      upload: {
        // 是否显示弹出层（用户导入）
        open: false,
        // 弹出层标题（用户导入）
        title: "",
        // 是否禁用上传
        isUploading: false,
        // 是否更新已经存在的用户数据
        updateSupport: 0,
        // 设置上传的请求头部
        headers: {Authorization: "Bearer " + getToken()},
        // 上传的地址
        url: process.env.VUE_APP_BASE_API + "industry/park/importData"
      },
      // 表单校验
      rules: {
        parkName: [
          {required: true, message: "园区名称不能为空", trigger: "blur"}
        ],
        parkBelong: [
          {required: true, message: "产权方名称不能为空", trigger: "blur"}
        ],
        parkNature: [
          {required: true, message: "产权方性质不能为空", trigger: "change"}
        ],
        parkBusinName: [
          {required: true, message: "运营方名称不能为空", trigger: "blur"}
        ],
        parkBusinNature: [
          {required: true, message: "运营方性质不能为空", trigger: "change"}
        ],
        parkBusinType: [
          {required: true, message: "运营方类型不能为空", trigger: "change"}
        ],
        parkEconomic: [
          {required: true, message: "经济带不能为空", trigger: "change"}
        ],
        parkAreaAddress: [
          {required: true, message: "区域位置不能为空", trigger: "change"}
        ],
        parkType: [
          {required: true, message: "园区类别不能为空", trigger: "change"}
        ],
        supplyType: [
          {required: true, message: "供给类型不能为空", trigger: "change"}
        ],
        parkFinish: [
          {required: true, message: "园区竣工时间不能为空", trigger: "blur"}
        ],
        parkYears: [
          {required: true, message: "产权年限不能为空", trigger: "change"}
        ],
        parkintro: [
          {required: true, message: "园区介绍不能为空", trigger: "blur"}
        ],
        parkAreaIntro: [
          {required: true, message: "区域情况介绍不能为空", trigger: "blur"}
        ],
        cityId: [
          {required: true, message: "所属城市不能为空", trigger: "blur"}
        ],
        parkLongitude: [
          {required: true, message: "经度不能为空", trigger: "blur"}
        ],
        parkLatitude: [
          {required: true, message: "维度不能为空", trigger: "blur"}
        ],
        coverResource: [
          {required: true, message: "封面资源不能为空", trigger: "blur"}
        ],
        imgResource: [
          {required: true, message: "图片资源不能为空", trigger: "blur"}
        ],
        parkSurplus: [
          {required: true, message: "剩余年限不能为空", trigger: "blur"}
        ],
        parkBuildStructure: [
          {required: true, message: "建筑结构不能为空", trigger: "change"}
        ],
        parkAllSize: [
          {required: true, message: "总面积不能为空", trigger: "blur"}
        ],
        parkBuildSize: [
          {required: true, message: "建筑面积不能为空", trigger: "blur"}
        ],
        parkGreen: [
          {required: true, message: "绿化率不能为空", trigger: "blur"}
        ],
        parkIndustry: [
          {required: true, message: "园区产业定位不能为空", trigger: "blur"}
        ],
        parkHeating: [
          {required: true, message: "供暖不能为空", trigger: "change"}
        ],
        parkRefrig: [
          {required: true, message: "制冷不能为空", trigger: "change"}
        ],
        parkNather: [
          {required: true, message: "新风系统不能为空", trigger: "change"}
        ],
        parkPower: [
          {required: true, message: "电量不能为空", trigger: "blur"}
        ],
        parkGas: [
          {required: true, message: "燃气不能为空", trigger: "change"}
        ],
        parkWater: [
          {required: true, message: "水不能为空", trigger: "change"}
        ],
        parkDistrict: [
          {required: true, message: "商圈不能为空", trigger: "change"}
        ],
        parkWisdom: [
          {required: true, message: "智慧园区程度不能为空", trigger: "blur"}
        ],
        parkLogistics: [
          {required: true, message: "专用物流通道不能为空", trigger: "change"}
        ],
        parkSecurity: [
          {required: true, message: "全区安保不能为空", trigger: "change"}
        ],
        parkPolluteAsk: [
          {required: true, message: "园区环保要求不能为空", trigger: "blur"}
        ],
        parkBus: [
          {required: true, message: "公交不能为空", trigger: "change"}
        ],
        parkHighRoad: [
          {required: true, message: "高速公路不能为空", trigger: "change"}
        ],
        parkTrainStation: [
          {required: true, message: "火车站不能为空", trigger: "change"}
        ],
        parkHotel: [
          {required: true, message: "周边商务酒店不能为空", trigger: "change"}
        ],
        parkSchool: [
          {required: true, message: "周边配套学校不能为空", trigger: "change"}
        ],
        parkRestaurant: [
          {required: true, message: "园区餐饮不能为空", trigger: "change"}
        ],
        parkShuttleBus: [
          {required: true, message: "园区配套班车不能为空", trigger: "change"}
        ],
        busRoute: [
          {required: true, message: "园区配套班车路线不能为空", trigger: "change"}
        ],
        parkRecreation: [
          {required: true, message: "园区周边场馆不能为空", trigger: "change"}
        ],
        parkShareSpace: [
          {required: true, message: "众创空间不能为空", trigger: "change"}
        ],
        parkPlatform: [
          {required: true, message: "产业孵化平台不能为空", trigger: "change"}
        ],
        parkScience: [
          {required: true, message: "服务平台及科研平台不能为空", trigger: "blur"}
        ],
        parkIdImg: [
          {required: true, message: "营业执照不能为空", trigger: "blur"}
        ],
        contactName: [
          {required: true, message: "联系人不能为空", trigger: "blur"}
        ],
        contactPhone: [
          {required: true, message: "联系方式不能为空", trigger: "blur"},
          {
            required: true,
            pattern: /^[1][3,4,5,7,8,9][0-9]{9}$/,
            message: '请输入正确的手机号码',
            trigger: 'blur',
          },
        ],
      }
    };
  },
  created() {
    this.getList();
    this.getprovinceList();
    listUser(this.addDateRange({
      pageNum: 1,
      pageSize: 9999999
    }, [])).then(response => {
        this.fenpeiList = response.rows;
        this.fenpeiList = this.fenpeiList.filter(t => t.userId != 1)
      }
    );
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
    //预览
    handleLook(row) {
      //http://120.46.220.152/#/pages/index/details?id=339&buildType=4&spaceId=dc46adbfb2944da39078f61446cd662f&provinceId=34
      // window.location.href=`http://120.46.220.152/#/pages/news/details?id=`+id
      open(`http://120.46.220.152/#/pages/index/details?id=` + row.id + `&buildType=1&spaceId=` + row.serialNumber + `&provinceId=` + row.provinceId)
    },
    highLimit() {
      if (this.form.parkPlotRatio > 100) {
        this.form.parkPlotRatio = 100
      }
      if (this.form.parkGreen > 100) {
        this.form.parkGreen = 100
      }
    },
    //最大剩余年限
    handleAgeLimit() {
      // console.log(this.form.parkYears,this.form.parkYears.length-1)
      if (this.form.parkYears != null && this.form.parkSurplus != null) {
        this.ageLimit = this.form.parkYears.slice(0, this.form.parkYears.length - 1) - this.form.parkSurplus
      }
      // this.form.parkSurplus=this.form.parkSurplus>this.ageLimit?this.ageLimit:this.form.parkSurplus
    },
    //面积
    handleAcreage() {
      if (this.form.parkAllSize != null && this.form.parkBuildSize != null) {
        this.acreage = this.form.parkAllSize - this.form.parkBuildSize
      }
      if (this.form.parkAllSize != null && this.form.parkFreeSize != null) {
        if (this.form.parkBuildSize != null) {
          this.acreage1 = this.form.parkAllSize - this.form.parkFreeSize - this.form.parkBuildSize
        } else {
          this.acreage1 = this.form.parkAllSize - this.form.parkFreeSize
        }
      }
    },
    // dict,
    handleLatChange(lat) {
      this.form.parkLatitude = lat;
    },
    handleResChange(address) {
      this.form.parkAddress = address
    },
    handleLngChange(lng) {
      this.form.parkLongitude = lng;
    },
    handleAddChange(addressa) {
      // console.log("AAA",addressa)
      this.form.form.address = addressa;
    },
    yuanQuZC() {
      yuanQuZC('1').then(res => {
        this.articleTypeData = res.rows
      })
    },
    /** 查询项目-园区列表 */
    getList() {
      this.userId = this.$store.getters.id
      this.loading = true;
      listPark(this.queryParams).then(res => {
        this.parkList = res.rows;
        this.total = res.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.buildingAudit = false;
      this.settingUp = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.activeName = "first"
      this.otherIndustry = null;
      this.busRouteEnd = null;
      this.otherGas = null;
      this.otherDistrict = null;
      this.districtMi = null;
      this.otherWisdom = null;
      this.dxNum = null;
      this.dsNum = null;
      this.airportDistance = null;
      this.portDistance = null;
      this.otherCatering = null;
      this.form = {
        id: null,
        parkName: null,
        parkBelong: null,
        parkNature: null,
        parkBusinName: null,
        parkBusinNature: null,
        parkBusinType: null,
        parkEconomic: null,
        parkAreaAddress: null,
        parkType: [],
        supplyType: [],
        parkFinish: null,
        parkYears: null,
        parkSurplus: null,
        parkBuildStructure: null,
        parkAllSize: null,
        parkBuildSize: null,
        parkFreeSize: null,
        parkPlotRatio: null,
        parkGreen: null,
        parkIndustry: [],
        parkHeating: null,
        parkRefrig: null,
        parkNather: null,
        parkPower: null,
        parkGas: null,
        parkWater: null,
        parkDistrict: null,
        parkWisdom: [],
        parkCarlot: [],
        parkLogistics: null,
        parkSecurity: null,
        parkPolluteAsk: null,
        parkBus: null,
        parkMetro: null,
        parkHighRoad: null,
        parkTrainStation: null,
        parkAirport: null,
        parkPort: null,
        parkHotel: [],
        parkSchool: [],
        parkRestaurant: [],
        parkShuttleBus: null,
        busRoute: null,
        parkRecreation: [],
        parkShareSpace: null,
        parkPlatform: null,
        parkScience: null,
        parkAddress: null,
        parkArea: null,
        parkAreaIntro: null,
        parkLongitude: null,
        parkLatitude: null,
        parkIdImg: null,
        cityId: null,
        areaId: null,
        releaseType: 0,
        pageView: null,
        collectState: null,
        recState: null,
        reserveState: null,
        vrResource: null,
        recomState: null,
        imgResource: null,
        coverResource: null,
        contactName: null,
        contactPhone: null,
        servicePhone: null,
        approvalNote: null,
        recheckNote: null,
        supplyUserId: null,
        approvalState: null,
        parkFloorHeight: null,
        note: null,
        sort: null,
        state: null,
        dr: null,
        createTime: null,
        updateTime: null,
        vrcover: null,
        top: null,
        parkLandpolic: [],
        parkintro: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length !== 1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.mapTrue = true
      this.reset();
      this.yuanQuZC()
      this.open = true;
      this.title = "添加项目-园区";
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      console.log("AAAA",this.fenpeiList)
      getPark(id).then(res => {
        this.form = res.data;
        this.lng = this.form.parkLongitude
        this.lat = this.form.parkLatitude
        if (this.form.parkYears != null && this.form.parkSurplus != null) {
          this.ageLimit = this.form.parkYears.slice(0, this.form.parkYears.length - 1) - this.form.parkSurplus
        }
        if (this.form.parkAllSize != null && this.form.parkBuildSize) {
          this.acreage = this.form.parkAllSize - this.form.parkBuildSize
        }
        if (this.form.parkIndustry != null) {
          this.form.parkIndustry = this.form.parkIndustry.split(",");
        }
        if (this.form.parkWisdom != null) {
          this.form.parkWisdom = this.form.parkWisdom.split(",");
        }
        if (this.form.parkCarlot != null) {
          this.form.parkCarlot = this.form.parkCarlot.split(",");
        }
        if (this.form.parkHotel != null) {
          this.form.parkHotel = this.form.parkHotel.split(",");
        }
        if (this.form.supplyType != null) {
          this.form.supplyType = this.form.supplyType.split(",");
        }
        if (this.form.parkType != null) {
          this.form.parkType = this.form.parkType.split(",");
        }
        if (this.form.parkRecreation != null) {
          this.form.parkRecreation = this.form.parkRecreation.split(",");
        }
        if (this.form.parkRestaurant) {
          this.form.parkRestaurant = this.form.parkRestaurant.split(",");
        }
        if (this.form.parkLandpolic != null && this.form.parkLandpolic!=="") {
          this.form.parkLandpolic = this.form.parkLandpolic.split(",");
        }
        if (this.form.parkSchool != null) {
          this.form.parkSchool = this.form.parkSchool.split(",");
        }
        console.log("AAA", this.form.parkIndustry)
        if (this.form.parkIndustry != null) {
          console.log("BBB", this.form.parkIndustry)
          for (let i = this.form.parkIndustry.length - 1; i >= 0; i--) {
            if (this.form.parkIndustry[i].indexOf("其他-") !== -1) {
              this.otherIndustry = this.form.parkIndustry[i];
              this.otherIndustry = this.otherIndustry.substring(this.otherIndustry.indexOf("其他-") + 3)
              this.form.parkIndustry[i] = this.form.parkIndustry[i].substring(0, this.form.parkIndustry[i].indexOf("其他-") + 3)
              break;
            }
          }
          console.log("CCC", this.form.parkIndustry)
        }
        for (let i = this.form.parkWisdom.length - 1; i >= 0; i--) {
          if (this.form.parkWisdom[i].indexOf("其他-") !== -1) {
            this.otherWisdom = this.form.parkWisdom[i];
            this.otherWisdom = this.otherWisdom.substring(this.otherWisdom.indexOf("其他-") + 3);
            this.form.parkWisdom[i] = this.form.parkWisdom[i].substring(0, this.form.parkWisdom[i].indexOf("其他-") + 3)
            break;
          }
        }
        for (let i = this.form.parkRecreation.length - 1; i >= 0; i--) {
          if (this.form.parkRecreation[i].indexOf("其他-") !== -1) {
            this.otherCatering = this.form.parkRecreation[i];
            this.otherCatering = this.otherCatering.substring(this.otherCatering.indexOf("其他-") + 3);
            this.form.parkRecreation[i] = this.form.parkRecreation[i].substring(0, this.form.parkRecreation[i].indexOf("其他-") + 3)
            break;
          }
        }
        for (let i = this.form.parkCarlot.length - 1; i >= 0; i--) {
          if (this.form.parkCarlot[i].indexOf("地上-") !== -1) {
            this.dsNum = this.form.parkCarlot[i]
            this.dsNum = this.dsNum.substring(this.dsNum.indexOf("地上-") + 3);
            this.form.parkCarlot[i] = this.form.parkCarlot[i].substring(0, this.form.parkCarlot[i].indexOf("地上-") + 3)
          } else if (this.form.parkCarlot[i].indexOf("地下-") !== -1) {
            this.dxNum = this.form.parkCarlot[i]
            this.dxNum = this.dxNum.substring(this.dxNum.indexOf("地下-") + 3);
            this.form.parkCarlot[i] = this.form.parkCarlot[i].substring(0, this.form.parkCarlot[i].indexOf("地下-") + 3)
          }
        }
        if (res.data.parkGas != null && res.data.parkGas.includes("其他-")) {
          this.otherGas = res.data.parkGas
          this.form.parkGas = this.form.parkGas.substring(0, res.data.parkGas.indexOf("其他-") + 3);
          this.otherGas = this.otherGas.substring(res.data.parkGas.indexOf("其他-") + 3);
        }
        if (res.data.parkDistrict != null && res.data.parkDistrict.includes("有-")) {
          this.otherDistrict = res.data.parkDistrict
          this.districtMi = res.data.parkDistrict
          this.form.parkDistrict = this.form.parkDistrict.substring(0, this.form.parkDistrict.indexOf("有-") + 2)
          this.otherDistrict = this.otherDistrict.substring(this.otherDistrict.indexOf("有-") + 2, this.otherDistrict.indexOf("--"))
          this.districtMi = this.districtMi.substring(this.districtMi.indexOf("--") + 2)
        }

        if (res.data.parkAirport != null && res.data.parkAirport.indexOf("有-") !== -1) {
          this.airportDistance = res.data.parkAirport
          this.airportDistance = this.airportDistance.substring(this.airportDistance.indexOf("有-") + 2)
          this.form.parkAirport = this.form.parkAirport.substring(0, this.form.parkAirport.indexOf("有-") + 2)
        }
        if (res.data.parkPort != null && res.data.parkPort.indexOf("有-") !== -1) {
          this.portDistance = res.data.parkPort
          this.portDistance = this.portDistance.substring(this.portDistance.indexOf("有-") + 2)
          this.form.parkPort = this.form.parkPort.substring(0, this.form.parkPort.indexOf("有-") + 2)
        }
        if (this.form.provinceId != null) {
          listCity(this.form.provinceId).then(res => {
            this.citys = res.data;
          })
        }
        if (this.form.cityId != null) {
          listCity(this.form.cityId).then(res => {
            this.areas = res.data;
          })
        }
        if (this.form.busRoute != null) {
          this.busRouteEnd = this.form.busRoute;
          this.busRouteEnd = this.busRouteEnd.substring(this.busRouteEnd.indexOf(">>>") + 3)
          this.form.busRoute = this.form.busRoute.substring(0, this.form.busRoute.indexOf(">>>"))
        }
        this.yuanQuZC()
        this.mapTrue = true
        setTimeout(() => {
          this.$refs.map.form.address = this.form.parkAddress

        }, 500)
        this.open = true;
        this.title = "修改园区";
        const old_Form = this.form
        localStorage.setItem('old_Form', JSON.stringify(old_Form));
      });
    },
    //设置
    handleSetting(row) {

      this.reset();
      const id = row.id || this.ids
      getPark(id).then(res => {
        this.form = res.data;
        if (this.form.parkIndustry != null) {
          this.form.parkIndustry = this.form.parkIndustry.split(",");
        }
        if (this.form.parkWisdom != null) {
          this.form.parkWisdom = this.form.parkWisdom.split(",");
        }
        if (this.form.parkCarlot != null) {
          this.form.parkCarlot = this.form.parkCarlot.split(",");
        }
        if (this.form.parkHotel != null) {
          this.form.parkHotel = this.form.parkHotel.split(",");
        }
        if (this.form.supplyType != null) {
          this.form.supplyType = this.form.supplyType.split(",");
        }
        if (this.form.parkType != null) {
          this.form.parkType = this.form.parkType.split(",");
        }
        if (this.form.parkRecreation != null) {
          this.form.parkRecreation = this.form.parkRecreation.split(",");
        }
        if (this.form.parkRestaurant) {
          this.form.parkRestaurant = this.form.parkRestaurant.split(",");
        }
        if (this.form.parkLandpolic != null && this.form.parkLandpolic!=="") {
          this.form.parkLandpolic = this.form.parkLandpolic.split(",");
        }
        if (this.form.parkSchool != null) {
          this.form.parkSchool = this.form.parkSchool.split(",");
        }

        for (let i = this.form.parkIndustry.length - 1; i >= 0; i--) {
          if (this.form.parkIndustry[i].indexOf("其他-") !== -1) {
            this.otherIndustry = this.form.parkIndustry[i];
            this.otherIndustry = this.otherIndustry.substring(this.otherIndustry.indexOf("其他-") + 3)
            this.form.parkIndustry[i] = this.form.parkIndustry[i].substring(0, this.form.parkIndustry[i].indexOf("其他-") + 3)
            break;
          }
        }
        for (let i = this.form.parkWisdom.length - 1; i >= 0; i--) {
          if (this.form.parkWisdom[i].indexOf("其他-") !== -1) {
            this.otherWisdom = this.form.parkWisdom[i];
            this.otherWisdom = this.otherWisdom.substring(this.otherWisdom.indexOf("其他-") + 3);
            this.form.parkWisdom[i] = this.form.parkWisdom[i].substring(0, this.form.parkWisdom[i].indexOf("其他-") + 3)
            break;
          }
        }
        for (let i = this.form.parkRecreation.length - 1; i >= 0; i--) {
          if (this.form.parkRecreation[i].indexOf("其他-") !== -1) {
            this.otherCatering = this.form.parkRecreation[i];
            this.otherCatering = this.otherCatering.substring(this.otherCatering.indexOf("其他-") + 3);
            this.form.parkRecreation[i] = this.form.parkRecreation[i].substring(0, this.form.parkRecreation[i].indexOf("其他-") + 3)
            break;
          }
        }
        for (let i = this.form.parkCarlot.length - 1; i >= 0; i--) {
          if (this.form.parkCarlot[i].indexOf("地上-") !== -1) {
            this.dsNum = this.form.parkCarlot[i]
            this.dsNum = this.dsNum.substring(this.dsNum.indexOf("地上-") + 3);
            this.form.parkCarlot[i] = this.form.parkCarlot[i].substring(0, this.form.parkCarlot[i].indexOf("地上-") + 3)
          } else if (this.form.parkCarlot[i].indexOf("地下-") !== -1) {
            this.dxNum = this.form.parkCarlot[i]
            this.dxNum = this.dxNum.substring(this.dxNum.indexOf("地下-") + 3);
            this.form.parkCarlot[i] = this.form.parkCarlot[i].substring(0, this.form.parkCarlot[i].indexOf("地下-") + 3)
          }
        }
        if (res.data.parkGas != null && res.data.parkGas.includes("其他-")) {
          this.otherGas = res.data.parkGas
          this.form.parkGas = this.form.parkGas.substring(0, res.data.parkGas.indexOf("其他-") + 3);
          this.otherGas = this.otherGas.substring(res.data.parkGas.indexOf("其他-") + 3);
        }
        if (res.data.parkDistrict != null && res.data.parkDistrict.includes("有-")) {
          this.otherDistrict = res.data.parkDistrict
          this.districtMi = res.data.parkDistrict
          this.form.parkDistrict = this.form.parkDistrict.substring(0, this.form.parkDistrict.indexOf("有-") + 2)
          this.otherDistrict = this.otherDistrict.substring(this.otherDistrict.indexOf("有-") + 2, this.otherDistrict.indexOf("--"))
          this.districtMi = this.districtMi.substring(this.districtMi.indexOf("--") + 2)
        }

        if (res.data.parkAirport != null && res.data.parkAirport.indexOf("有-") !== -1) {
          this.airportDistance = res.data.parkAirport
          this.airportDistance = this.airportDistance.substring(this.airportDistance.indexOf("有-") + 2)
          this.form.parkAirport = this.form.parkAirport.substring(0, this.form.parkAirport.indexOf("有-") + 2)
        }
        if (res.data.parkPort != null && res.data.parkPort.indexOf("有-") !== -1) {
          this.portDistance = res.data.parkPort
          this.portDistance = this.portDistance.substring(this.portDistance.indexOf("有-") + 2)
          this.form.parkPort = this.form.parkPort.substring(0, this.form.parkPort.indexOf("有-") + 2)
        }
        if (this.form.provinceId != null) {
          listCity(this.form.provinceId).then(res => {
            this.citys = res.data;
          })
        }
        if (this.form.cityId != null) {
          listCity(this.form.cityId).then(res => {
            this.areas = res.data;
          })
        }
        if (this.form.busRoute != null) {
          this.busRouteEnd = this.form.busRoute;
          this.busRouteEnd = this.busRouteEnd.substring(this.busRouteEnd.indexOf(">>>") + 3)
          this.form.busRoute = this.form.busRoute.substring(0, this.form.busRoute.indexOf(">>>"))
        }
        this.yuanQuZC()
        this.settingUp = true;
        const old_Form = this.form
        localStorage.setItem('old_Form', JSON.stringify(old_Form));
      });
    },
    /** 审核按钮操作 */
    handleCheck(row) {
      this.reset();
      // console.log(row)
      // this.form.id = row.id
      // this.form.approvalState = row.approvalState
      // this.form.approvalNote = row.approvalNote
      const id = row.id || this.ids
      getPark(id).then(res => {
        this.form = res.data;
        if (this.form.parkIndustry != null) {
          this.form.parkIndustry = this.form.parkIndustry.split(",");
        }
        if (this.form.parkWisdom != null) {
          this.form.parkWisdom = this.form.parkWisdom.split(",");
        }
        if (this.form.parkCarlot != null) {
          this.form.parkCarlot = this.form.parkCarlot.split(",");
        }
        if (this.form.parkHotel != null) {
          this.form.parkHotel = this.form.parkHotel.split(",");
        }
        if (this.form.supplyType != null) {
          this.form.supplyType = this.form.supplyType.split(",");
        }
        if (this.form.parkType != null) {
          this.form.parkType = this.form.parkType.split(",");
        }
        if (this.form.parkRecreation != null) {
          this.form.parkRecreation = this.form.parkRecreation.split(",");
        }
        if (this.form.parkRestaurant) {
          this.form.parkRestaurant = this.form.parkRestaurant.split(",");
        }
        if (this.form.parkLandpolic != null && this.form.parkLandpolic!=="") {
          this.form.parkLandpolic = this.form.parkLandpolic.split(",");
        }
        if (this.form.parkSchool != null) {
          this.form.parkSchool = this.form.parkSchool.split(",");
        }

        for (let i = this.form.parkIndustry.length - 1; i >= 0; i--) {
          if (this.form.parkIndustry[i].indexOf("其他-") !== -1) {
            this.otherIndustry = this.form.parkIndustry[i];
            this.otherIndustry = this.otherIndustry.substring(this.otherIndustry.indexOf("其他-") + 3)
            this.form.parkIndustry[i] = this.form.parkIndustry[i].substring(0, this.form.parkIndustry[i].indexOf("其他-") + 3)
            break;
          }
        }
        for (let i = this.form.parkWisdom.length - 1; i >= 0; i--) {
          if (this.form.parkWisdom[i].indexOf("其他-") !== -1) {
            this.otherWisdom = this.form.parkWisdom[i];
            this.otherWisdom = this.otherWisdom.substring(this.otherWisdom.indexOf("其他-") + 3);
            this.form.parkWisdom[i] = this.form.parkWisdom[i].substring(0, this.form.parkWisdom[i].indexOf("其他-") + 3)
            break;
          }
        }
        for (let i = this.form.parkRecreation.length - 1; i >= 0; i--) {
          if (this.form.parkRecreation[i].indexOf("其他-") !== -1) {
            this.otherCatering = this.form.parkRecreation[i];
            this.otherCatering = this.otherCatering.substring(this.otherCatering.indexOf("其他-") + 3);
            this.form.parkRecreation[i] = this.form.parkRecreation[i].substring(0, this.form.parkRecreation[i].indexOf("其他-") + 3)
            break;
          }
        }
        for (let i = this.form.parkCarlot.length - 1; i >= 0; i--) {
          if (this.form.parkCarlot[i].indexOf("地上-") !== -1) {
            this.dsNum = this.form.parkCarlot[i]
            this.dsNum = this.dsNum.substring(this.dsNum.indexOf("地上-") + 3);
            this.form.parkCarlot[i] = this.form.parkCarlot[i].substring(0, this.form.parkCarlot[i].indexOf("地上-") + 3)
          } else if (this.form.parkCarlot[i].indexOf("地下-") !== -1) {
            this.dxNum = this.form.parkCarlot[i]
            this.dxNum = this.dxNum.substring(this.dxNum.indexOf("地下-") + 3);
            this.form.parkCarlot[i] = this.form.parkCarlot[i].substring(0, this.form.parkCarlot[i].indexOf("地下-") + 3)
          }
        }
        if (res.data.parkGas != null && res.data.parkGas.includes("其他-")) {
          this.otherGas = res.data.parkGas
          this.form.parkGas = this.form.parkGas.substring(0, res.data.parkGas.indexOf("其他-") + 3);
          this.otherGas = this.otherGas.substring(res.data.parkGas.indexOf("其他-") + 3);
        }
        if (res.data.parkDistrict != null && res.data.parkDistrict.includes("有-")) {
          this.otherDistrict = res.data.parkDistrict
          this.districtMi = res.data.parkDistrict
          this.form.parkDistrict = this.form.parkDistrict.substring(0, this.form.parkDistrict.indexOf("有-") + 2)
          this.otherDistrict = this.otherDistrict.substring(this.otherDistrict.indexOf("有-") + 2, this.otherDistrict.indexOf("--"))
          this.districtMi = this.districtMi.substring(this.districtMi.indexOf("--") + 2)
        }

        if (res.data.parkAirport != null && res.data.parkAirport.indexOf("有-") !== -1) {
          this.airportDistance = res.data.parkAirport
          this.airportDistance = this.airportDistance.substring(this.airportDistance.indexOf("有-") + 2)
          this.form.parkAirport = this.form.parkAirport.substring(0, this.form.parkAirport.indexOf("有-") + 2)
        }
        if (res.data.parkPort != null && res.data.parkPort.indexOf("有-") !== -1) {
          this.portDistance = res.data.parkPort
          this.portDistance = this.portDistance.substring(this.portDistance.indexOf("有-") + 2)
          this.form.parkPort = this.form.parkPort.substring(0, this.form.parkPort.indexOf("有-") + 2)
        }
        if (this.form.provinceId != null) {
          listCity(this.form.provinceId).then(res => {
            this.citys = res.data;
          })
        }
        if (this.form.cityId != null) {
          listCity(this.form.cityId).then(res => {
            this.areas = res.data;
          })
        }
        if (this.form.busRoute != null) {
          this.busRouteEnd = this.form.busRoute;
          this.busRouteEnd = this.busRouteEnd.substring(this.busRouteEnd.indexOf(">>>") + 3)
          this.form.busRoute = this.form.busRoute.substring(0, this.form.busRoute.indexOf(">>>"))
        }
        this.yuanQuZC()
        this.buildingAudit = true;
      });
      this.title = "审核园区信息";
    },
    /** 提交按钮 */
    submitForm() {
      const old_Form = localStorage.getItem('old_Form')
      const form = JSON.stringify(this.form)
      if (form !== old_Form) {
        this.form.approvalState = 0
      }
      if (this.acreage < 0 || this.ageLimit < 0 || this.acreage1 < 0) {
        this.$alert('还有未处理的警告，请处理完相关问题后提交', '警告', {
          confirmButtonText: '确定',
          callback: action => {
            this.$message({
              type: 'info',
              message: `处理完相关问题后再提交`
            });
          }
        })
        return
      }
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.parkGas === "其他-" && (this.otherGas == null || this.otherGas === '')) {
            this.$modal.msgError("请输入其他燃气种类");
            return;
          }
          if (this.form.parkDistrict === "有-") {
            if (this.otherDistrict == null || this.otherDistrict === '') {
              this.$modal.msgError("请填写商圈名称");
              return;
            }
            if (this.districtMi == null || this.districtMi === '') {
              this.$modal.msgError("请填写与" + this.otherDistrict + "的距离");
              return;
            }
          }
          if (this.form.parkAirport === "有-" && (this.airportDistance == null || this.airportDistance === '')) {
            this.$modal.msgError("请填写与机场的距离");
            return
          }
          if (this.form.parkPort === "有-" && (this.portDistance == null || this.portDistance === '')) {
            this.$modal.msgError("请填写与港口的距离");
            return;
          }
          if (this.form.parkIndustry.indexOf("其他-") !== -1 && (this.otherIndustry == null || this.otherIndustry === '')) {
            this.$modal.msgError("请输入其他园区产业集群类型");
            return;
          }
          if (this.form.parkWisdom.indexOf("其他-") !== -1 && (this.otherWisdom == null || this.otherWisdom === '')) {
            this.$modal.msgError("请输入其他智慧园区类型");
            return;
          }
          if (this.form.parkRecreation.indexOf("其他-") !== -1 && (this.otherCatering == null || this.otherCatering === '')) {
            this.$modal.msgError("请输入其他园区周边场馆类型");
            return;
          }
          if (this.form.parkShuttleBus === 'H' && (this.form.busRoute == null || this.form.busRoute === '') && (this.busRouteEnd == null || this.busRouteEnd === '')) {
            this.$modal.msgError("请输入园区配套班车路线");
            return;
          }
          for (let i = this.form.parkIndustry.length - 1; i >= 0; i--) {
            if (this.form.parkIndustry[i] === "其他-") {
              this.form.parkIndustry[i] = this.form.parkIndustry[i] + (this.otherIndustry != null ? this.otherIndustry : '')
              break;
            }
          }
          for (let i = this.form.parkWisdom.length - 1; i >= 0; i--) {
            if (this.form.parkWisdom[i].indexOf("其他-") !== -1) {
              this.form.parkWisdom[i] = this.form.parkWisdom[i] + (this.otherWisdom != null ? this.otherWisdom : '')
              break;
            }
          }
          for (let i = this.form.parkRecreation.length - 1; i >= 0; i--) {
            if (this.form.parkRecreation[i].indexOf("其他-") !== -1) {
              this.form.parkRecreation[i] = this.form.parkRecreation[i] + (this.otherCatering != null ? this.otherCatering : '')
              break;
            }
          }
          for (let i = this.form.parkCarlot.length - 1; i >= 0; i--) {
            if (this.form.parkCarlot[i].indexOf("地上-") !== -1) {
              this.form.parkCarlot[i] = this.form.parkCarlot[i] + (this.dsNum != null ? this.dsNum : 0);
            } else if (this.form.parkCarlot[i].indexOf("地下-") !== -1) {
              this.form.parkCarlot[i] = this.form.parkCarlot[i] + (this.dxNum != null ? this.dxNum : 0);
            }
          }
          if (this.form.parkShuttleBus === 'H') {
            this.form.busRoute = this.form.busRoute + ">>>" + this.busRouteEnd;
          } else {
            this.form.busRoute = '无'
          }
          this.form.parkArea = this.form.areaId;
          this.form.parkIndustry = this.form.parkIndustry.join(",");
          this.form.parkWisdom = this.form.parkWisdom.join(",");
          this.form.parkRecreation = this.form.parkRecreation.join(",");
          this.form.parkCarlot = this.form.parkCarlot.join(",");
          this.form.parkHotel = this.form.parkHotel.join(",");
          this.form.parkType = this.form.parkType.join(",");
          this.form.supplyType = this.form.supplyType.join(",");
          this.form.parkRestaurant = this.form.parkRestaurant.join(",");
          this.form.parkLandpolic = this.form.parkLandpolic.join(",");
          this.form.parkSchool = this.form.parkSchool.join(",");
          if (this.form.parkGas === "其他-") {
            this.form.parkGas = this.form.parkGas + this.otherGas
          }
          if (this.form.parkDistrict === "有-") {
            this.form.parkDistrict = this.form.parkDistrict + this.otherDistrict + '--' + this.districtMi
          }
          if (this.form.parkAirport === "有-") {
            this.form.parkAirport = this.form.parkAirport + this.airportDistance
          }
          if (this.form.parkPort === "有-") {
            this.form.parkPort = this.form.parkPort + this.portDistance
          }

          if (this.form.id != null) {
            updatePark(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.settingUp = false;
              localStorage.removeItem('old_Form')
              this.getList();
            });
          } else {
            // console.log(this.form)
            addPark(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;

              this.getList();
            });
          }
        }
      });
    },
    submitSet() {
      if (this.acreage < 0 || this.ageLimit < 0 || this.acreage1 < 0) {
        this.$alert('还有未处理的警告，请处理完相关问题后提交', '警告', {
          confirmButtonText: '确定',
          callback: action => {
            this.$message({
              type: 'info',
              message: `处理完相关问题后再提交`
            });
          }
        })
        return
      }
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.parkGas === "其他-" && (this.otherGas == null || this.otherGas === '')) {
            this.$modal.msgError("请输入其他燃气种类");
            return;
          }
          if (this.form.parkDistrict === "有-") {
            if (this.otherDistrict == null || this.otherDistrict === '') {
              this.$modal.msgError("请填写商圈名称");
              return;
            }
            if (this.districtMi == null || this.districtMi === '') {
              this.$modal.msgError("请填写与" + this.otherDistrict + "的距离");
              return;
            }
          }
          if (this.form.parkAirport === "有-" && (this.airportDistance == null || this.airportDistance === '')) {
            this.$modal.msgError("请填写与机场的距离");
            return
          }
          if (this.form.parkPort === "有-" && (this.portDistance == null || this.portDistance === '')) {
            this.$modal.msgError("请填写与港口的距离");
            return;
          }
          if (this.form.parkIndustry.indexOf("其他-") !== -1 && (this.otherIndustry == null || this.otherIndustry === '')) {
            this.$modal.msgError("请输入其他园区产业集群类型");
            return;
          }
          if (this.form.parkWisdom.indexOf("其他-") !== -1 && (this.otherWisdom == null || this.otherWisdom === '')) {
            this.$modal.msgError("请输入其他智慧园区类型");
            return;
          }
          if (this.form.parkRecreation.indexOf("其他-") !== -1 && (this.otherCatering == null || this.otherCatering === '')) {
            this.$modal.msgError("请输入其他园区周边场馆类型");
            return;
          }
          if (this.form.parkShuttleBus === 'H' && (this.form.busRoute == null || this.form.busRoute === '') && (this.busRouteEnd == null || this.busRouteEnd === '')) {
            this.$modal.msgError("请输入园区配套班车路线");
            return;
          }
          for (let i = this.form.parkIndustry.length - 1; i >= 0; i--) {
            if (this.form.parkIndustry[i] === "其他-") {
              this.form.parkIndustry[i] = this.form.parkIndustry[i] + (this.otherIndustry != null ? this.otherIndustry : '')
              break;
            }
          }
          for (let i = this.form.parkWisdom.length - 1; i >= 0; i--) {
            if (this.form.parkWisdom[i].indexOf("其他-") !== -1) {
              this.form.parkWisdom[i] = this.form.parkWisdom[i] + (this.otherWisdom != null ? this.otherWisdom : '')
              break;
            }
          }
          for (let i = this.form.parkRecreation.length - 1; i >= 0; i--) {
            if (this.form.parkRecreation[i].indexOf("其他-") !== -1) {
              this.form.parkRecreation[i] = this.form.parkRecreation[i] + (this.otherCatering != null ? this.otherCatering : '')
              break;
            }
          }
          for (let i = this.form.parkCarlot.length - 1; i >= 0; i--) {
            if (this.form.parkCarlot[i].indexOf("地上-") !== -1) {
              this.form.parkCarlot[i] = this.form.parkCarlot[i] + (this.dsNum != null ? this.dsNum : 0);
            } else if (this.form.parkCarlot[i].indexOf("地下-") !== -1) {
              this.form.parkCarlot[i] = this.form.parkCarlot[i] + (this.dxNum != null ? this.dxNum : 0);
            }
          }
          if (this.form.parkShuttleBus === 'H') {
            this.form.busRoute = this.form.busRoute + ">>>" + this.busRouteEnd;
          } else {
            this.form.busRoute = '无'
          }
          this.form.parkArea = this.form.areaId;
          this.form.parkIndustry = this.form.parkIndustry.join(",");
          this.form.parkWisdom = this.form.parkWisdom.join(",");
          this.form.parkRecreation = this.form.parkRecreation.join(",");
          this.form.parkCarlot = this.form.parkCarlot.join(",");
          this.form.parkHotel = this.form.parkHotel.join(",");
          this.form.parkType = this.form.parkType.join(",");
          this.form.supplyType = this.form.supplyType.join(",");
          this.form.parkRestaurant = this.form.parkRestaurant.join(",");
          this.form.parkLandpolic = this.form.parkLandpolic!=null?this.form.parkLandpolic.join(","):null;
          this.form.parkSchool = this.form.parkSchool.join(",");
          if (this.form.parkGas === "其他-") {
            this.form.parkGas = this.form.parkGas + this.otherGas
          }
          if (this.form.parkDistrict === "有-") {
            this.form.parkDistrict = this.form.parkDistrict + this.otherDistrict + '--' + this.districtMi
          }
          if (this.form.parkAirport === "有-") {
            this.form.parkAirport = this.form.parkAirport + this.airportDistance
          }
          if (this.form.parkPort === "有-") {
            this.form.parkPort = this.form.parkPort + this.portDistance
          }
          updatePark(this.form).then(response => {
            this.$modal.msgSuccess("设置成功");
            this.open = false;
            this.settingUp = false;
            localStorage.removeItem('old_Form')
            this.getList();
          });
        }
      });
    },
    //监听对话框关闭
    handleClose() {
      this.mapTrue = false
      console.log(this.$refs); // 如果地图实例存在，则不会打印错误
      // 销毁盒子元素
      // this.$refs.map.dispose();
    },
    //提交审核
    submitCheck(state) {
      updatePark({
        id: this.form.id,
        approvalState: state,
        approvalNote: this.form.approvalNote,
        recheckNote: this.form.recheckNote
      }).then(response => {
        this.$modal.msgSuccess("审核成功");
        this.buildingAudit = false;
        this.getList();
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除项目-园区编号为"' + ids + '"的数据项？').then(function () {
        return delPark(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {
      });
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('industry/park/export', {
        ...this.queryParams
      }, `park_${new Date().getTime()}.xlsx`)
    },
    handleEntrust(row) {
      getEntrust(row.id).then(res => {
        const link = document.createElement('a');
        // let blob = new Blob([res.data],{type: 'applicationnd.ms-excel'});    //如果后台返回的不是blob对象类型，先定义成blob对象格式
        let blob = new Blob([res], {type: 'application/octet-stream'})    //如果后台返回的直接是blob对象类型，直接获取数据
        // let _fileName = res.headers['content-disposition'].split(';')[1].split('=')[1]; //拆解获取文件名，
        link.style.display = 'none';
        // 兼容不同浏览器的URL对象
        const url = window.URL || window.webkitURL || window.moxURL;
        link.href = url.createObjectURL(blob);
        link.download = `park_${new Date().getTime()}.docx`;   //下载的文件名称
        link.click();
        window.URL.revokeObjectURL(url);  //  #URL.revokeObjectURL()方法会释放一个通过URL.createObjectURL()创建的对象URL. 当你要已经用过了这个对象URL,然后要让浏览器知道这个URL已经不再需要指向对应的文件的时候,就需要调用这个方法.
        this.$modal.msgSuccess("修改成功");
      })
    },
    //查询省份列表
    getprovinceList() {
      var parentId = 0;
      listCity(parentId).then(res => {
        this.provinces = res.data;
      })
    },
    //查询市列表
    getCityList(provinceId) {
      // console.log("BBB",provinceId)
      listCity(provinceId).then(res => {
        this.citys = res.data;
      })
      this.queryParams.cityId = null;
      this.form.cityId = null;
      this.form.areaId = null;
    },
    //查询区域列表
    getAreaList(cityId) {
      // console.log("BBB",cityId)
      listCity(cityId).then(res => {
        this.areas = res.data;
      })
      this.form.areaId = null;
    },
    /** 导入按钮操作 */
    handleImport() {
      this.upload.title = "园区管理导入";
      this.upload.open = true;
    },
    /** 下载模板操作 */
    importTemplate() {
      this.download('industry/park/importTemplate', {}, `park_template_${new Date().getTime()}.xlsx`)
    },
    // 文件上传中处理
    handleFileUploadProgress(event, file, fileList) {
      this.upload.isUploading = true;
    },
    // 文件上传成功处理
    handleFileSuccess(response, file, fileList) {
      this.upload.open = false;
      this.upload.isUploading = false;
      this.$refs.upload.clearFiles();
      this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", {dangerouslyUseHTMLString: true});
      this.getList();
    },
    // 提交上传文件
    submitFileForm() {
      this.$refs.upload.submit();
    }
  }
};
</script>
<style scoped>
.sq {
  width: 25px;
  margin: 0 10px;
  border: none;
  border-bottom: 1px solid;
}

.park {
  width: 90%;
}
</style>
